About mixing colours
This colour mixer blends two colours and shows the result. Pick two colours and a mix ratio, and it computes the blended colour in HEX, RGB and HSL, plus a smooth gradient of the in-between steps. It is handy for finding a midpoint colour, building palettes or matching tones. It runs in your browser.
How Color Mixer works
How to mix colours
- Choose the two colours with the colour boxes.
- Drag the ratio slider toward whichever colour should dominate.
- Copy the resulting HEX, RGB or HSL value.
How the mix is calculated
The colours are blended channel by channel in RGB space at the chosen ratio. A 50% mix is the exact average of the two; moving the slider weights the result toward one colour.
The gradient strip
The gradient shows every blend between the two colours, which is useful for picking a specific in-between shade.
Common uses
- Find the midpoint between two colours
- Blend brand colours
- Create in-between shades
- Build a gradient palette
- Match a tone between two colours
- Mix a tint or accent
- Experiment with colour combinations
- Copy HEX, RGB or HSL of a mix
Frequently asked questions
How do I mix two colours?
Pick both colours and set the ratio; the blended colour and its codes appear instantly.
How is the mix calculated?
By blending the red, green and blue channels at your chosen ratio.
What does 50% give?
The exact average of the two colours.
Can I copy the result?
Yes — click the HEX, RGB or HSL value to copy it.
Is mixing done in RGB?
Yes — channels are blended in RGB space.
Is anything uploaded?
No — it runs entirely in your browser.
Can I see in-between shades?
Yes — the gradient strip shows every blend.
Is it free?
Yes — completely free with no sign-up.