I motsetting til color() som kan brukes til å manipulere en farge, så handler color-mix()mer om å ta to farger og mikse dem til en ny farge basert på en oppskrift. Syntaksen er følgende

color-mix(<color-interpolation-method>, <color>[<percentage>], <color>[<percentage>])

Man definerer altså først hvilken fargespekter man skal bruke, for så å definere farge 1 og farge 2, og eventuelt et prosent etter hver farge som man vil bruke mindre enn 50% av hver farge under miksingen.

I dette eksempelet var blander jeg sammen rødt og blått til å lage en ny farge som er 75% rød og 25% blå.

Denne funksjonen er allerede godt støttet av alle nettlesere!