#72661B - #ABCD5E | 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 #72661B à #ABCD5E

#72661B #ABCD5E

Calculez la couleur entre deux couleurs, #72661B et #ABCD5E. 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)

#72661B - #ABCD5E | 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 #72661B 0% et #ABCD5E 100%.

0.0%	0.0% #72661B	RVB 114 102 27	#72661B
16.7%	16.7% #7B7726	RVB 123 119 38	#7B7726
33.3%	33.3% #858831	RVB 133 136 49	#858831
50.0%	50.0% #8E993C	RVB 142 153 60	#8E993C
66.7%	66.7% #98AA47	RVB 152 170 71	#98AA47
83.3%	83.3% #A1BB52	RVB 161 187 82	#A1BB52
100.0%	100.0% #ABCD5E	RVB 171 205 94	#ABCD5E

#72661B #7B7726 #858831 #8E993C #98AA47 #A1BB52 #ABCD5E

#72661B - #ABCD5E

Mélange HSV

#72661B - #ABCD5E | 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 #72661B 0% et #ABCD5E 100%.

0.0%	0.0% #72661B	RVB 114 102 27	#72661B
16.7%	16.7% #817B23	RVB 129 123 35	#817B23
33.3%	33.3% #8F902C	RVB 143 144 44	#8F902C
50.0%	50.0% #969F37	RVB 150 159 55	#969F37
66.7%	66.7% #9DAE43	RVB 157 174 67	#9DAE43
83.3%	83.3% #A4BD50	RVB 164 189 80	#A4BD50
100.0%	100.0% #ABCD5E	RVB 171 205 94	#ABCD5E

#72661B #817B23 #8F902C #969F37 #9DAE43 #A4BD50 #ABCD5E

#72661B - #969F37 - #ABCD5E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #72661B 0%, #969F37 50%, #ABCD5E 100%);
    background: -webkit-linear-gradient(top, #72661B 0%, #969F37 50%, #ABCD5E 100%);
    background: linear-gradient(to bottom, #72661B 0%, #969F37 50%, #ABCD5E 100%);
}
</style>