#5E3E3C - #C88665 | 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 #5E3E3C à #C88665

#5E3E3C #C88665

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

#5E3E3C - #C88665 | 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 #5E3E3C 0% et #C88665 100%.

0.0%	0.0% #5E3E3C	RVB 94 62 60	#5E3E3C
16.7%	16.7% #6F4A42	RVB 111 74 66	#6F4A42
33.3%	33.3% #815649	RVB 129 86 73	#815649
50.0%	50.0% #936250	RVB 147 98 80	#936250
66.7%	66.7% #A46E57	RVB 164 110 87	#A46E57
83.3%	83.3% #B67A5E	RVB 182 122 94	#B67A5E
100.0%	100.0% #C88665	RVB 200 134 101	#C88665

#5E3E3C #6F4A42 #815649 #936250 #A46E57 #B67A5E #C88665

#5E3E3C - #C88665

Mélange HSV

#5E3E3C - #C88665 | 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 #5E3E3C 0% et #C88665 100%.

0.0%	0.0% #5E3E3C	RVB 94 62 60	#5E3E3C
16.7%	16.7% #6F4944	RVB 111 73 68	#6F4944
33.3%	33.3% #81544C	RVB 129 84 76	#81544C
50.0%	50.0% #936054	RVB 147 96 84	#936054
66.7%	66.7% #A46C5A	RVB 164 108 90	#A46C5A
83.3%	83.3% #B67860	RVB 182 120 96	#B67860
100.0%	100.0% #C88665	RVB 200 134 101	#C88665

#5E3E3C #6F4944 #81544C #936054 #A46C5A #B67860 #C88665

#5E3E3C - #936054 - #C88665

Codes CSS

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

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