CSS · Functions and values

color-mix()

Mixes two colours in a chosen colour space.

cssRunnable example css course

Syntax

color-mix(in srgb, a 40%, b)

Example

Try it

.demo { color: color-mix(in srgb, #2f74c0 60%, white); }

Reference pages are the quick answer. The course explains the why, shows the full example and ends with a challenge.