#A8AC5E - #69741A | 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 #A8AC5E à #69741A

#A8AC5E #69741A

Calculez la couleur entre deux couleurs, #A8AC5E et #69741A. 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)

#A8AC5E - #69741A | 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 #A8AC5E 0% et #69741A 100%.

0.0%	0.0% #A8AC5E	RVB 168 172 94	#A8AC5E
16.7%	16.7% #9DA252	RVB 157 162 82	#9DA252
33.3%	33.3% #939947	RVB 147 153 71	#939947
50.0%	50.0% #88903C	RVB 136 144 60	#88903C
66.7%	66.7% #7E8630	RVB 126 134 48	#7E8630
83.3%	83.3% #737D25	RVB 115 125 37	#737D25
100.0%	100.0% #69741A	RVB 105 116 26	#69741A

#A8AC5E #9DA252 #939947 #88903C #7E8630 #737D25 #69741A

#A8AC5E - #69741A

Mélange HSV

#A8AC5E - #69741A | 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 #A8AC5E 0% et #69741A 100%.

0.0%	0.0% #A8AC5E	RVB 168 172 94	#A8AC5E
16.7%	16.7% #9DA250	RVB 157 162 80	#9DA250
33.3%	33.3% #929943	RVB 146 153 67	#929943
50.0%	50.0% #889037	RVB 136 144 55	#889037
66.7%	66.7% #7D862C	RVB 125 134 44	#7D862C
83.3%	83.3% #737D22	RVB 115 125 34	#737D22
100.0%	100.0% #69741A	RVB 105 116 26	#69741A

#A8AC5E #9DA250 #929943 #889037 #7D862C #737D22 #69741A

#A8AC5E - #889037 - #69741A

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AC5E 0%, #889037 50%, #69741A 100%);
    background: -webkit-linear-gradient(top, #A8AC5E 0%, #889037 50%, #69741A 100%);
    background: linear-gradient(to bottom, #A8AC5E 0%, #889037 50%, #69741A 100%);
}
</style>