#C92A60 - #EFC2D2 | 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 #C92A60 à #EFC2D2

#C92A60 #EFC2D2

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

#C92A60 - #EFC2D2 | 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 #C92A60 0% et #EFC2D2 100%.

0.0%	0.0% #C92A60	RVB 201 42 96	#C92A60
16.7%	16.7% #CF4373	RVB 207 67 115	#CF4373
33.3%	33.3% #D55C86	RVB 213 92 134	#D55C86
50.0%	50.0% #DC7699	RVB 220 118 153	#DC7699
66.7%	66.7% #E28FAC	RVB 226 143 172	#E28FAC
83.3%	83.3% #E8A8BF	RVB 232 168 191	#E8A8BF
100.0%	100.0% #EFC2D2	RVB 239 194 210	#EFC2D2

#C92A60 #CF4373 #D55C86 #DC7699 #E28FAC #E8A8BF #EFC2D2

#C92A60 - #EFC2D2

Mélange HSV

#C92A60 - #EFC2D2 | 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 #C92A60 0% et #EFC2D2 100%.

0.0%	0.0% #C92A60	RVB 201 42 96	#C92A60
16.7%	16.7% #CF4071	RVB 207 64 113	#CF4071
33.3%	33.3% #D55783	RVB 213 87 131	#D55783
50.0%	50.0% #DC7095	RVB 220 112 149	#DC7095
66.7%	66.7% #E28AA9	RVB 226 138 169	#E28AA9
83.3%	83.3% #E8A5BD	RVB 232 165 189	#E8A5BD
100.0%	100.0% #EFC2D2	RVB 239 194 210	#EFC2D2

#C92A60 #CF4071 #D55783 #DC7095 #E28AA9 #E8A5BD #EFC2D2

#C92A60 - #DC7095 - #EFC2D2

Codes CSS

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

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