Color Mixer
Blend two colors at any ratio.
Mixed color
#d952ae
0%
10%
20%
30%
40%
50%
60%
70%
80%
90%
100%
#6366f1#8360ed#9d5be3#b457d5#c854c3#d952ae#e75296#f1557d#f85c62#fa6644#f97316
About
Pick two colors. See the mix at every ratio from 100% A to 100% B. Useful for designing palettes, finding gradient stops, or just exploring color theory.
How to use
- Pick two colors.
- Drag the slider to set the mix ratio.
- Copy the result.
FAQ
Does it mix in RGB or another space?+
RGB by default. Toggle to OKLCH for perceptually-uniform mixing, which avoids the muddy middle that RGB blends often have.
Why does mixing red and green make brown?+
Additive RGB mixing of red and green light makes yellow. But mixing pixel colors interpolates through low-saturation values, which read as brown. OKLCH handles this better.