#C92AC2 - #7A0074 | colorate

Colorate est un outil de gestion de couleurs pour les concepteurs et les développeurs. Il constitue une ressource précieuse pour trouver rapidement des jeux de couleurs en adéquation avec vos projets. Rendez ce site meilleur

Mélanger #C92AC2 à #7A0074

#C92AC2 #7A0074

Calculez la couleur entre deux couleurs, #C92AC2 et #7A0074. Dans le calcul des valeurs RVB, la saturation entre les couleurs dissemblables est faible. Dans le calcul des valeurs HSV, la saturation entre les couleurs dissemblables n'est pas faible.

Mélange RVB (Linéaire)

#C92AC2 - #7A0074 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur RVB. Pour les couleurs éloignées les unes des autres, la saturation entre les deux couleurs diminue. Développez la couleur entre deux couleurs avec #C92AC2 0% et #7A0074 100%.

0.0%	0.0% #C92AC2	RVB 201 42 194	#C92AC2
16.7%	16.7% #BB23B5	RVB 187 35 181	#BB23B5
33.3%	33.3% #AE1CA8	RVB 174 28 168	#AE1CA8
50.0%	50.0% #A1159B	RVB 161 21 155	#A1159B
66.7%	66.7% #940D8E	RVB 148 13 142	#940D8E
83.3%	83.3% #870781	RVB 135 7 129	#870781
100.0%	100.0% #7A0074	RVB 122 0 116	#7A0074

#C92AC2 #BB23B5 #AE1CA8 #A1159B #940D8E #870781 #7A0074

#C92AC2 - #7A0074

Mélange HSV

#C92AC2 - #7A0074 | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur HSV. Même entre des couleurs de couleur distinctes, la saturation entre les deux couleurs ne diminue pas. Développez la couleur entre deux couleurs avec #C92AC2 0% et #7A0074 100%.

0.0%	0.0% #C92AC1	RVB 201 42 193	#C92AC1
16.7%	16.7% #BB20B4	RVB 187 32 180	#BB20B4
33.3%	33.3% #AE18A7	RVB 174 24 167	#AE18A7
50.0%	50.0% #A1109A	RVB 161 16 154	#A1109A
66.7%	66.7% #940A8D	RVB 148 10 141	#940A8D
83.3%	83.3% #870480	RVB 135 4 128	#870480
100.0%	100.0% #7A0074	RVB 122 0 116	#7A0074

#C92AC1 #BB20B4 #AE18A7 #A1109A #940A8D #870480 #7A0074

#C92AC2 - #A1109A - #7A0074

Codes CSS

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #C92AC2 0%, #7A0074 100%);
    background: -webkit-linear-gradient(top, #C92AC2 0%, #7A0074 100%);
    background: linear-gradient(to bottom, #C92AC2 0%, #7A0074 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C92AC1 0%, #A1109A 50%, #7A0074 100%);
    background: -webkit-linear-gradient(top, #C92AC1 0%, #A1109A 50%, #7A0074 100%);
    background: linear-gradient(to bottom, #C92AC1 0%, #A1109A 50%, #7A0074 100%);
}
</style>