Color Mixer
Mix two colors online for free at any ratio and get the steps between them — blend in RGB, HSL, Lab or OKLCH. Copy any result. Runs in your browser.
100% private — runs entirely in your browser. Your files never leave your device.
Blend two colors and grab any step in between. The blend space matters — OKLCH and Lab give perceptually even results, while RGB can pass through muddy midpoints. Runs in your browser.
How to use the Color Mixer
- Pick Color A and Color B.
- Choose a blend space (OKLCH, Lab, HSL or RGB).
- Drag the ratio slider to mix them.
- Click any step swatch to copy its HEX.
What you can use it for
- Blend two brand colors into a midpoint
- Generate even gradient steps between colors
- Compare blends across color spaces
- Find transitional shades for UI states
More free tools
Working on a color scheme?
Pick, convert, mix and check colors with our full set of free, no-signup color tools.
Explore all free color tools →Frequently asked questions
How do I mix two colors?
Pick color A and B, choose a blend space, and drag the ratio slider — the result and 11 in-between steps update live.
Why does the blend space matter?
OKLCH and Lab blend perceptually, giving even, clean midpoints; RGB and HSL can pass through muddier colors.
Can I copy the in-between shades?
Yes — click any step swatch to copy its HEX, or copy the current mix directly.
Is my data uploaded?
No — all mixing happens in your browser.