#5E544D - #390B05 | 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 #5E544D à #390B05

#5E544D #390B05

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

#5E544D - #390B05 | 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 #5E544D 0% et #390B05 100%.

0.0%	0.0% #5E544D	RVB 94 84 77	#5E544D
16.7%	16.7% #574741	RVB 87 71 65	#574741
33.3%	33.3% #513B35	RVB 81 59 53	#513B35
50.0%	50.0% #4B2F29	RVB 75 47 41	#4B2F29
66.7%	66.7% #45231D	RVB 69 35 29	#45231D
83.3%	83.3% #3F1711	RVB 63 23 17	#3F1711
100.0%	100.0% #390B05	RVB 57 11 5	#390B05

#5E544D #574741 #513B35 #4B2F29 #45231D #3F1711 #390B05

#5E544D - #390B05

Mélange HSV

#5E544D - #390B05 | 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 #5E544D 0% et #390B05 100%.

0.0%	0.0% #5E544D	RVB 94 84 77	#5E544D
16.7%	16.7% #57463D	RVB 87 70 61	#57463D
33.3%	33.3% #51392E	RVB 81 57 46	#51392E
50.0%	50.0% #4B2D22	RVB 75 45 34	#4B2D22
66.7%	66.7% #452016	RVB 69 32 22	#452016
83.3%	83.3% #3F150D	RVB 63 21 13	#3F150D
100.0%	100.0% #390B05	RVB 57 11 5	#390B05

#5E544D #57463D #51392E #4B2D22 #452016 #3F150D #390B05

#5E544D - #4B2D22 - #390B05

Codes CSS

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

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