Color Mixer
Blend two colors with custom proportions. Switch between modern perceptual OKLCH and standard RGB mixing spaces to generate smooth intermediate steps and discover harmonious hybrid shades.
Blended Mixture Result
Interpolated Color Steps
Click any step to copy its HEX value
How Color Mixing Works
Select Two Source Colors
Input hex codes or pick colors with the eyedropper for Color 1 and Color 2. Adjust the proportion slider to blend varying percentages (e.g., 70% blue and 30% red).
Choose OKLCH or RGB Space
Toggle between OKLCH and RGB. OKLCH maintains perceptual brightness and hue saturation, while RGB performs linear channel interpolation. Copy the mixed hex or any intermediate step.
The "Grey Dead-Zone" in RGB Mixing
When blending complementary colors like blue and yellow in standard sRGB, the mathematical midpoint results in an ugly, desaturated mud-gray. This happens because RGB is an additive display space that does not reflect human vision. Perceptual models like OKLCH bend around the hue curve to maintain richness.
Practical Uses for Blended Steps
Stepped color palettes are essential for UI design systems: creating hover and active button states, smooth data visualization ramps, and harmonious background color gradations that feel natural and coherent without manual guesswork.
Frequently Asked Questions
How does the color mixing ratio slider work?▼
At 50%, both colors are mixed in equal parts (1:1 ratio). Sliding to 20% gives you 80% of Color 1 and 20% of Color 2, creating a subtle tint or shade biased towards Color 1.
Can I copy the intermediate step swatches?▼
Yes! Clicking on any of the 5, 7, or 9 step swatches instantly copies its hexadecimal color code to your clipboard with animated confirmation.
What is the difference between mixing paint and mixing digital colors?▼
Physical paints mix subtractively (absorbing light), meaning mixing all colors produces black or brown. Digital screens mix additively with light, meaning mixing Red, Green, and Blue produces White. Our tool offers both digital RGB and perceptual OKLCH models to give you the most pleasing digital results.