#5E5E3A - #413607 | 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 #5E5E3A à #413607

#5E5E3A #413607

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

#5E5E3A - #413607 | 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 #5E5E3A 0% et #413607 100%.

0.0%	0.0% #5E5E3A	RVB 94 94 58	#5E5E3A
16.7%	16.7% #595731	RVB 89 87 49	#595731
33.3%	33.3% #545029	RVB 84 80 41	#545029
50.0%	50.0% #4F4A20	RVB 79 74 32	#4F4A20
66.7%	66.7% #4A4318	RVB 74 67 24	#4A4318
83.3%	83.3% #453C0F	RVB 69 60 15	#453C0F
100.0%	100.0% #413607	RVB 65 54 7	#413607

#5E5E3A #595731 #545029 #4F4A20 #4A4318 #453C0F #413607

#5E5E3A - #413607

Mélange HSV

#5E5E3A - #413607 | 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 #5E5E3A 0% et #413607 100%.

0.0%	0.0% #5E5E3A	RVB 94 94 58	#5E5E3A
16.7%	16.7% #59572F	RVB 89 87 47	#59572F
33.3%	33.3% #545125	RVB 84 81 37	#545125
50.0%	50.0% #4F4A1C	RVB 79 74 28	#4F4A1C
66.7%	66.7% #4A4314	RVB 74 67 20	#4A4314
83.3%	83.3% #453C0D	RVB 69 60 13	#453C0D
100.0%	100.0% #413607	RVB 65 54 7	#413607

#5E5E3A #59572F #545125 #4F4A1C #4A4314 #453C0D #413607

#5E5E3A - #4F4A1C - #413607

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E3A 0%, #4F4A1C 50%, #413607 100%);
    background: -webkit-linear-gradient(top, #5E5E3A 0%, #4F4A1C 50%, #413607 100%);
    background: linear-gradient(to bottom, #5E5E3A 0%, #4F4A1C 50%, #413607 100%);
}
</style>