web-feature: color-mix()

baseline logo Widely available

The color-mix() function mixes two colors in a given color space and by a given amount. Commonly, lighter or darker variations of a color are created by mixing with white or black.

Notes

Support data provided by: BCD logo

Know something we don't?

Is any of the above data outdated? Or do you want to add a new WebView to the list? Heads on to GitHub and edit the data file!

Not comfortable with GitHub? Send us an email.

Please help us keeping this data updated

This feature was last updated on November 22, 2025.