Free CSS Color Mix Generator
Mix colors using CSS color-mix() with our free tool. Different color spaces supported.
- Multiple color spaces
- Adjustable mix percentages
- Real-time preview
- Color picker inputs
- Browser support info
Frequently Asked Questions
What is CSS color-mix()?
color-mix() is a CSS function that blends two colors together. You specify the color space and percentages, like 'color-mix(in srgb, red 30%, blue)'.
Why use different color spaces?
Different color spaces produce different blend results. Lab and LCH produce more perceptually uniform blends. sRGB is the traditional web color space.
Is color-mix() supported in browsers?
Yes, color-mix() is supported in all modern browsers (Chrome 111+, Firefox 113+, Safari 16.2+). Provide fallback colors for older browsers.