color-mix() lab

Mix two colors in any CSS interpolation space. Live values, straight from the browser.

Color A

Color B

Mix settings

Interpolation space Hue interpolation Steps Input format Output format

—

mix %

hex / rgb / hsl / hwb are gamut-mapped into sRGB (OKLCh chroma reduction). color() and lab/lch/oklab/oklch keep out-of-range values as-is.

Click a swatch to copy its value · Alt-click to copy its color-mix() expression.