#5E4E5E - #E79168 | 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 #5E4E5E à #E79168

#5E4E5E #E79168

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

#5E4E5E - #E79168 | 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 #5E4E5E 0% et #E79168 100%.

0.0%	0.0% #5E4E5E	RVB 94 78 94	#5E4E5E
16.7%	16.7% #74595F	RVB 116 89 95	#74595F
33.3%	33.3% #8B6461	RVB 139 100 97	#8B6461
50.0%	50.0% #A26F63	RVB 162 111 99	#A26F63
66.7%	66.7% #B97A64	RVB 185 122 100	#B97A64
83.3%	83.3% #D08566	RVB 208 133 102	#D08566
100.0%	100.0% #E79168	RVB 231 145 104	#E79168

#5E4E5E #74595F #8B6461 #A26F63 #B97A64 #D08566 #E79168

#5E4E5E - #E79168

Mélange HSV

#5E4E5E - #E79168 | 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 #5E4E5E 0% et #E79168 100%.

0.0%	0.0% #5E4E5E	RVB 94 78 94	#5E4E5E
16.7%	16.7% #74596E	RVB 116 89 110	#74596E
33.3%	33.3% #8B6279	RVB 139 98 121	#8B6279
50.0%	50.0% #A2687B	RVB 162 104 123	#A2687B
66.7%	66.7% #B96A74	RVB 185 106 116	#B96A74
83.3%	83.3% #D0756A	RVB 208 117 106	#D0756A
100.0%	100.0% #E79168	RVB 231 145 104	#E79168

#5E4E5E #74596E #8B6279 #A2687B #B96A74 #D0756A #E79168

#5E4E5E - #A2687B - #E79168

Codes CSS

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

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