#5E5C5E - #D382D7 | 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 #5E5C5E à #D382D7

#5E5C5E #D382D7

Calculez la couleur entre deux couleurs, #5E5C5E et #D382D7. 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)

#5E5C5E - #D382D7 | 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 #5E5C5E 0% et #D382D7 100%.

0.0%	0.0% #5E5C5E	RVB 94 92 94	#5E5C5E
16.7%	16.7% #716272	RVB 113 98 114	#716272
33.3%	33.3% #856886	RVB 133 104 134	#856886
50.0%	50.0% #986F9A	RVB 152 111 154	#986F9A
66.7%	66.7% #AC75AE	RVB 172 117 174	#AC75AE
83.3%	83.3% #BF7BC2	RVB 191 123 194	#BF7BC2
100.0%	100.0% #D382D7	RVB 211 130 215	#D382D7

#5E5C5E #716272 #856886 #986F9A #AC75AE #BF7BC2 #D382D7

#5E5C5E - #D382D7

Mélange HSV

#5E5C5E - #D382D7 | 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 #5E5C5E 0% et #D382D7 100%.

0.0%	0.0% #5E5C5E	RVB 94 92 94	#5E5C5E
16.7%	16.7% #726872	RVB 114 104 114	#726872
33.3%	33.3% #867286	RVB 134 114 134	#867286
50.0%	50.0% #997A9A	RVB 153 122 154	#997A9A
66.7%	66.7% #AD7FAE	RVB 173 127 174	#AD7FAE
83.3%	83.3% #C081C2	RVB 192 129 194	#C081C2
100.0%	100.0% #D382D7	RVB 211 130 215	#D382D7

#5E5C5E #726872 #867286 #997A9A #AD7FAE #C081C2 #D382D7

#5E5C5E - #997A9A - #D382D7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5C5E 0%, #997A9A 50%, #D382D7 100%);
    background: -webkit-linear-gradient(top, #5E5C5E 0%, #997A9A 50%, #D382D7 100%);
    background: linear-gradient(to bottom, #5E5C5E 0%, #997A9A 50%, #D382D7 100%);
}
</style>