#866F3E - #5E3C0C | 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 #866F3E à #5E3C0C

#866F3E #5E3C0C

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

#866F3E - #5E3C0C | 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 #866F3E 0% et #5E3C0C 100%.

0.0%	0.0% #866F3E	RVB 134 111 62	#866F3E
16.7%	16.7% #7F6635	RVB 127 102 53	#7F6635
33.3%	33.3% #785E2D	RVB 120 94 45	#785E2D
50.0%	50.0% #725525	RVB 114 85 37	#725525
66.7%	66.7% #6B4D1C	RVB 107 77 28	#6B4D1C
83.3%	83.3% #644414	RVB 100 68 20	#644414
100.0%	100.0% #5E3C0C	RVB 94 60 12	#5E3C0C

#866F3E #7F6635 #785E2D #725525 #6B4D1C #644414 #5E3C0C

#866F3E - #5E3C0C

Mélange HSV

#866F3E - #5E3C0C | 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 #866F3E 0% et #5E3C0C 100%.

0.0%	0.0% #866F3E	RVB 134 111 62	#866F3E
16.7%	16.7% #7F6633	RVB 127 102 51	#7F6633
33.3%	33.3% #785D2A	RVB 120 93 42	#785D2A
50.0%	50.0% #725421	RVB 114 84 33	#725421
66.7%	66.7% #6B4C19	RVB 107 76 25	#6B4C19
83.3%	83.3% #644312	RVB 100 67 18	#644312
100.0%	100.0% #5E3C0C	RVB 94 60 12	#5E3C0C

#866F3E #7F6633 #785D2A #725421 #6B4C19 #644312 #5E3C0C

#866F3E - #725421 - #5E3C0C

Codes CSS

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

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