#C92D5A - #EFC3CF | 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 #C92D5A à #EFC3CF

#C92D5A #EFC3CF

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

#C92D5A - #EFC3CF | 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 #C92D5A 0% et #EFC3CF 100%.

0.0%	0.0% #C92D5A	RVB 201 45 90	#C92D5A
16.7%	16.7% #CF466D	RVB 207 70 109	#CF466D
33.3%	33.3% #D55F81	RVB 213 95 129	#D55F81
50.0%	50.0% #DC7894	RVB 220 120 148	#DC7894
66.7%	66.7% #E291A8	RVB 226 145 168	#E291A8
83.3%	83.3% #E8AABB	RVB 232 170 187	#E8AABB
100.0%	100.0% #EFC3CF	RVB 239 195 207	#EFC3CF

#C92D5A #CF466D #D55F81 #DC7894 #E291A8 #E8AABB #EFC3CF

#C92D5A - #EFC3CF

Mélange HSV

#C92D5A - #EFC3CF | 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 #C92D5A 0% et #EFC3CF 100%.

0.0%	0.0% #C92D5A	RVB 201 45 90	#C92D5A
16.7%	16.7% #CF426B	RVB 207 66 107	#CF426B
33.3%	33.3% #D55A7D	RVB 213 90 125	#D55A7D
50.0%	50.0% #DC7290	RVB 220 114 144	#DC7290
66.7%	66.7% #E28CA3	RVB 226 140 163	#E28CA3
83.3%	83.3% #E8A6B8	RVB 232 166 184	#E8A6B8
100.0%	100.0% #EFC3CF	RVB 239 195 207	#EFC3CF

#C92D5A #CF426B #D55A7D #DC7290 #E28CA3 #E8A6B8 #EFC3CF

#C92D5A - #DC7290 - #EFC3CF

Codes CSS

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

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