#5E5728 - #A8BE3E | 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 #5E5728 à #A8BE3E

#5E5728 #A8BE3E

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

#5E5728 - #A8BE3E | 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 #5E5728 0% et #A8BE3E 100%.

0.0%	0.0% #5E5728	RVB 94 87 40	#5E5728
16.7%	16.7% #6A682B	RVB 106 104 43	#6A682B
33.3%	33.3% #76792F	RVB 118 121 47	#76792F
50.0%	50.0% #838A33	RVB 131 138 51	#838A33
66.7%	66.7% #8F9B36	RVB 143 155 54	#8F9B36
83.3%	83.3% #9BAC3A	RVB 155 172 58	#9BAC3A
100.0%	100.0% #A8BE3E	RVB 168 190 62	#A8BE3E

#5E5728 #6A682B #76792F #838A33 #8F9B36 #9BAC3A #A8BE3E

#5E5728 - #A8BE3E

Mélange HSV

#5E5728 - #A8BE3E | 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 #5E5728 0% et #A8BE3E 100%.

0.0%	0.0% #5E5728	RVB 94 87 40	#5E5728
16.7%	16.7% #6E682C	RVB 110 104 44	#6E682C
33.3%	33.3% #7E7B31	RVB 126 123 49	#7E7B31
50.0%	50.0% #8C8E35	RVB 140 142 53	#8C8E35
66.7%	66.7% #969E38	RVB 150 158 56	#969E38
83.3%	83.3% #A0AE3B	RVB 160 174 59	#A0AE3B
100.0%	100.0% #A8BE3E	RVB 168 190 62	#A8BE3E

#5E5728 #6E682C #7E7B31 #8C8E35 #969E38 #A0AE3B #A8BE3E

#5E5728 - #8C8E35 - #A8BE3E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5728 0%, #8C8E35 50%, #A8BE3E 100%);
    background: -webkit-linear-gradient(top, #5E5728 0%, #8C8E35 50%, #A8BE3E 100%);
    background: linear-gradient(to bottom, #5E5728 0%, #8C8E35 50%, #A8BE3E 100%);
}
</style>