Color Mixer
COLORS TO MIX
COLOR A
COLOR B
100% A50%100% B
Drag to set how much of each color appears in the result
MIXED RESULT
Pick a color space, then read the midpoint below. The strip shows the full range A→B; the highlighted cell is your current ratio. Click any cell to copy.
Color Mixer
You have two colours and need what is between them — a midpoint, a tint, or a smooth step for a scale. The Mixer blends any two colours and, crucially, lets you choose the colour space the blend happens in, which changes the result a lot.
How to use it
- Set colour A and colour B.
- Pick the colour space — RGB, HSL, CIE Lab, LCH, OKLab or OKLCH.
- Drag the ratio slider to weight the mix toward one side.
- Try the ten blend modes (Multiply, Screen, Overlay and more) for a different effect.
- Copy the resulting colour.
Good to know
- Blending in OKLab/OKLCH avoids the muddy greys you often get mixing in plain RGB.
- A 50% mix in Lab is a solid way to generate the middle step of a colour scale.