#5E5E06 - #DFA021 | 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 #5E5E06 à #DFA021

#5E5E06 #DFA021

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

#5E5E06 - #DFA021 | 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 #5E5E06 0% et #DFA021 100%.

0.0%	0.0% #5E5E06	RVB 94 94 6	#5E5E06
16.7%	16.7% #73690A	RVB 115 105 10	#73690A
33.3%	33.3% #89740F	RVB 137 116 15	#89740F
50.0%	50.0% #9E7F13	RVB 158 127 19	#9E7F13
66.7%	66.7% #B48A18	RVB 180 138 24	#B48A18
83.3%	83.3% #C9951C	RVB 201 149 28	#C9951C
100.0%	100.0% #DFA021	RVB 223 160 33	#DFA021

#5E5E06 #73690A #89740F #9E7F13 #B48A18 #C9951C #DFA021

#5E5E06 - #DFA021

Mélange HSV

#5E5E06 - #DFA021 | 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 #5E5E06 0% et #DFA021 100%.

0.0%	0.0% #5E5E05	RVB 94 94 5	#5E5E05
16.7%	16.7% #736D08	RVB 115 109 8	#736D08
33.3%	33.3% #897B0C	RVB 137 123 12	#897B0C
50.0%	50.0% #9E8710	RVB 158 135 16	#9E8710
66.7%	66.7% #B49015	RVB 180 144 21	#B49015
83.3%	83.3% #C9991A	RVB 201 153 26	#C9991A
100.0%	100.0% #DFA021	RVB 223 160 33	#DFA021

#5E5E05 #736D08 #897B0C #9E8710 #B49015 #C9991A #DFA021

#5E5E06 - #9E8710 - #DFA021

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E05 0%, #9E8710 50%, #DFA021 100%);
    background: -webkit-linear-gradient(top, #5E5E05 0%, #9E8710 50%, #DFA021 100%);
    background: linear-gradient(to bottom, #5E5E05 0%, #9E8710 50%, #DFA021 100%);
}
</style>