#5E533B - #462C07 | 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 #5E533B à #462C07

#5E533B #462C07

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

#5E533B - #462C07 | 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 #5E533B 0% et #462C07 100%.

0.0%	0.0% #5E533B	RVB 94 83 59	#5E533B
16.7%	16.7% #5A4C32	RVB 90 76 50	#5A4C32
33.3%	33.3% #564629	RVB 86 70 41	#564629
50.0%	50.0% #523F21	RVB 82 63 33	#523F21
66.7%	66.7% #4E3918	RVB 78 57 24	#4E3918
83.3%	83.3% #4A320F	RVB 74 50 15	#4A320F
100.0%	100.0% #462C07	RVB 70 44 7	#462C07

#5E533B #5A4C32 #564629 #523F21 #4E3918 #4A320F #462C07

#5E533B - #462C07

Mélange HSV

#5E533B - #462C07 | 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 #5E533B 0% et #462C07 100%.

0.0%	0.0% #5E533B	RVB 94 83 59	#5E533B
16.7%	16.7% #5A4C30	RVB 90 76 48	#5A4C30
33.3%	33.3% #564526	RVB 86 69 38	#564526
50.0%	50.0% #523F1D	RVB 82 63 29	#523F1D
66.7%	66.7% #4E3815	RVB 78 56 21	#4E3815
83.3%	83.3% #4A320D	RVB 74 50 13	#4A320D
100.0%	100.0% #462C07	RVB 70 44 7	#462C07

#5E533B #5A4C30 #564526 #523F1D #4E3815 #4A320D #462C07

#5E533B - #523F1D - #462C07

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E533B 0%, #523F1D 50%, #462C07 100%);
    background: -webkit-linear-gradient(top, #5E533B 0%, #523F1D 50%, #462C07 100%);
    background: linear-gradient(to bottom, #5E533B 0%, #523F1D 50%, #462C07 100%);
}
</style>