#5E5E07 - #DFA022 | 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 #5E5E07 à #DFA022

#5E5E07 #DFA022

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

#5E5E07 - #DFA022 | 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 #5E5E07 0% et #DFA022 100%.

0.0%	0.0% #5E5E07	RVB 94 94 7	#5E5E07
16.7%	16.7% #73690B	RVB 115 105 11	#73690B
33.3%	33.3% #897410	RVB 137 116 16	#897410
50.0%	50.0% #9E7F14	RVB 158 127 20	#9E7F14
66.7%	66.7% #B48A19	RVB 180 138 25	#B48A19
83.3%	83.3% #C9951D	RVB 201 149 29	#C9951D
100.0%	100.0% #DFA022	RVB 223 160 34	#DFA022

#5E5E07 #73690B #897410 #9E7F14 #B48A19 #C9951D #DFA022

#5E5E07 - #DFA022

Mélange HSV

#5E5E07 - #DFA022 | 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 #5E5E07 0% et #DFA022 100%.

0.0%	0.0% #5E5E06	RVB 94 94 6	#5E5E06
16.7%	16.7% #736D0A	RVB 115 109 10	#736D0A
33.3%	33.3% #897B0D	RVB 137 123 13	#897B0D
50.0%	50.0% #9E8711	RVB 158 135 17	#9E8711
66.7%	66.7% #B49116	RVB 180 145 22	#B49116
83.3%	83.3% #C9991C	RVB 201 153 28	#C9991C
100.0%	100.0% #DFA022	RVB 223 160 34	#DFA022

#5E5E06 #736D0A #897B0D #9E8711 #B49116 #C9991C #DFA022

#5E5E07 - #9E8711 - #DFA022

Codes CSS

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

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