#C92E92 - #EFC3DF | 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 #C92E92 à #EFC3DF

#C92E92 #EFC3DF

Calculez la couleur entre deux couleurs, #C92E92 et #EFC3DF. 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)

#C92E92 - #EFC3DF | 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 #C92E92 0% et #EFC3DF 100%.

0.0%	0.0% #C92E92	RVB 201 46 146	#C92E92
16.7%	16.7% #CF469E	RVB 207 70 158	#CF469E
33.3%	33.3% #D55FAB	RVB 213 95 171	#D55FAB
50.0%	50.0% #DC78B8	RVB 220 120 184	#DC78B8
66.7%	66.7% #E291C5	RVB 226 145 197	#E291C5
83.3%	83.3% #E8AAD2	RVB 232 170 210	#E8AAD2
100.0%	100.0% #EFC3DF	RVB 239 195 223	#EFC3DF

#C92E92 #CF469E #D55FAB #DC78B8 #E291C5 #E8AAD2 #EFC3DF

#C92E92 - #EFC3DF

Mélange HSV

#C92E92 - #EFC3DF | 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 #C92E92 0% et #EFC3DF 100%.

0.0%	0.0% #C92E92	RVB 201 46 146	#C92E92
16.7%	16.7% #CF439D	RVB 207 67 157	#CF439D
33.3%	33.3% #D55AA9	RVB 213 90 169	#D55AA9
50.0%	50.0% #DC72B6	RVB 220 114 182	#DC72B6
66.7%	66.7% #E28CC3	RVB 226 140 195	#E28CC3
83.3%	83.3% #E8A7D0	RVB 232 167 208	#E8A7D0
100.0%	100.0% #EFC3DF	RVB 239 195 223	#EFC3DF

#C92E92 #CF439D #D55AA9 #DC72B6 #E28CC3 #E8A7D0 #EFC3DF

#C92E92 - #DC72B6 - #EFC3DF

Codes CSS

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

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