#A8AD5E - #837E1B | 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 #A8AD5E à #837E1B

#A8AD5E #837E1B

Calculez la couleur entre deux couleurs, #A8AD5E et #837E1B. 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)

#A8AD5E - #837E1B | 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 #A8AD5E 0% et #837E1B 100%.

0.0%	0.0% #A8AD5E	RVB 168 173 94	#A8AD5E
16.7%	16.7% #A1A552	RVB 161 165 82	#A1A552
33.3%	33.3% #9B9D47	RVB 155 157 71	#9B9D47
50.0%	50.0% #95953C	RVB 149 149 60	#95953C
66.7%	66.7% #8F8D31	RVB 143 141 49	#8F8D31
83.3%	83.3% #898526	RVB 137 133 38	#898526
100.0%	100.0% #837E1B	RVB 131 126 27	#837E1B

#A8AD5E #A1A552 #9B9D47 #95953C #8F8D31 #898526 #837E1B

#A8AD5E - #837E1B

Mélange HSV

#A8AD5E - #837E1B | 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 #A8AD5E 0% et #837E1B 100%.

0.0%	0.0% #A8AD5E	RVB 168 173 94	#A8AD5E
16.7%	16.7% #A2A650	RVB 162 166 80	#A2A650
33.3%	33.3% #9C9F44	RVB 156 159 68	#9C9F44
50.0%	50.0% #979838	RVB 151 152 56	#979838
66.7%	66.7% #918F2E	RVB 145 143 46	#918F2E
83.3%	83.3% #8A8624	RVB 138 134 36	#8A8624
100.0%	100.0% #837E1B	RVB 131 126 27	#837E1B

#A8AD5E #A2A650 #9C9F44 #979838 #918F2E #8A8624 #837E1B

#A8AD5E - #979838 - #837E1B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AD5E 0%, #979838 50%, #837E1B 100%);
    background: -webkit-linear-gradient(top, #A8AD5E 0%, #979838 50%, #837E1B 100%);
    background: linear-gradient(to bottom, #A8AD5E 0%, #979838 50%, #837E1B 100%);
}
</style>