Web platform features explorer

color-mix()

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.

Status

Baseline Newly Available (since 2023-05-09)

This feature is expected to reach Baseline Widely Available status on: 2025-11-09

MDN documentation

Browser support

  • Chrome 111 Released on 2023-03-07
  • Chrome Android 111 Released on 2023-03-07
  • Edge 111 Released on 2023-03-13
  • Firefox 113 Released on 2023-05-09
  • Firefox for Android 113 Released on 2023-05-09
  • Safari 16.2 Released on 2022-12-13
  • Safari on iOS 16.2 Released on 2022-12-13

Developer signals

Usage (according to Chrome Platform Status)

~4.383% of page loads. More data at chromestatus.

Interop