learning$css

color-mix()

PrevNext
Term side of the Card
Topic: Colors
Unit title: color-mix()
Categories: Function
Explanation side of the Card

Explanation: The function that blends two colors together based on a specified ratio, creating a new color that is a mix of the two. It's useful for generating gradients, adjusting colors dynamically or creating themes with blended hues.

Browser compatibility:
  • The chrome browser supports this feature starting from version 111
  • The edge browser supports this feature starting from version 111
  • The firefox browser supports this feature starting from version 113
  • The safari browser supports this feature starting from version 16.2
Availability: