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 colors and need what is between them — a midpoint, a tint, or a smooth step for a scale. The Mixer blends any two colors and, crucially, lets you choose the color space the blend happens in, which changes the result a lot.
How to use it
- Set color A and color B.
- Pick the color 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 color.
Good to know
- Blending in OKLab/OKLCH avoids the muddy grays you often get mixing in plain RGB.
- A 50% mix in Lab is a solid way to generate the middle step of a color scale.