#5E4A3E - #CE9263 | 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 #5E4A3E à #CE9263

#5E4A3E #CE9263

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

#5E4A3E - #CE9263 | 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 #5E4A3E 0% et #CE9263 100%.

0.0%	0.0% #5E4A3E	RVB 94 74 62	#5E4A3E
16.7%	16.7% #705644	RVB 112 86 68	#705644
33.3%	33.3% #83624A	RVB 131 98 74	#83624A
50.0%	50.0% #966E50	RVB 150 110 80	#966E50
66.7%	66.7% #A87A56	RVB 168 122 86	#A87A56
83.3%	83.3% #BB865C	RVB 187 134 92	#BB865C
100.0%	100.0% #CE9263	RVB 206 146 99	#CE9263

#5E4A3E #705644 #83624A #966E50 #A87A56 #BB865C #CE9263

#5E4A3E - #CE9263

Mélange HSV

#5E4A3E - #CE9263 | 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 #5E4A3E 0% et #CE9263 100%.

0.0%	0.0% #5E4A3E	RVB 94 74 62	#5E4A3E
16.7%	16.7% #705746	RVB 112 87 70	#705746
33.3%	33.3% #83634E	RVB 131 99 78	#83634E
50.0%	50.0% #966F55	RVB 150 111 85	#966F55
66.7%	66.7% #A87B5B	RVB 168 123 91	#A87B5B
83.3%	83.3% #BB865F	RVB 187 134 95	#BB865F
100.0%	100.0% #CE9263	RVB 206 146 99	#CE9263

#5E4A3E #705746 #83634E #966F55 #A87B5B #BB865F #CE9263

#5E4A3E - #966F55 - #CE9263

Codes CSS

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

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