#BE9A3C - #8F5E00 | 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 #BE9A3C à #8F5E00

#BE9A3C #8F5E00

Calculez la couleur entre deux couleurs, #BE9A3C et #8F5E00. 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)

#BE9A3C - #8F5E00 | 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 #BE9A3C 0% et #8F5E00 100%.

0.0%	0.0% #BE9A3C	RVB 190 154 60	#BE9A3C
16.7%	16.7% #B69032	RVB 182 144 50	#B69032
33.3%	33.3% #AE8628	RVB 174 134 40	#AE8628
50.0%	50.0% #A67C1E	RVB 166 124 30	#A67C1E
66.7%	66.7% #9E7214	RVB 158 114 20	#9E7214
83.3%	83.3% #96680A	RVB 150 104 10	#96680A
100.0%	100.0% #8F5E00	RVB 143 94 0	#8F5E00

#BE9A3C #B69032 #AE8628 #A67C1E #9E7214 #96680A #8F5E00

#BE9A3C - #8F5E00

Mélange HSV

#BE9A3C - #8F5E00 | 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 #BE9A3C 0% et #8F5E00 100%.

0.0%	0.0% #BE9A3C	RVB 190 154 60	#BE9A3C
16.7%	16.7% #B68F2F	RVB 182 143 47	#B68F2F
33.3%	33.3% #AE8524	RVB 174 133 36	#AE8524
50.0%	50.0% #A67B1A	RVB 166 123 26	#A67B1A
66.7%	66.7% #9E7110	RVB 158 113 16	#9E7110
83.3%	83.3% #966707	RVB 150 103 7	#966707
100.0%	100.0% #8F5E00	RVB 143 94 0	#8F5E00

#BE9A3C #B68F2F #AE8524 #A67B1A #9E7110 #966707 #8F5E00

#BE9A3C - #A67B1A - #8F5E00

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BE9A3C 0%, #A67B1A 50%, #8F5E00 100%);
    background: -webkit-linear-gradient(top, #BE9A3C 0%, #A67B1A 50%, #8F5E00 100%);
    background: linear-gradient(to bottom, #BE9A3C 0%, #A67B1A 50%, #8F5E00 100%);
}
</style>