#5E5E4D - #44370B | 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 #5E5E4D à #44370B

#5E5E4D #44370B

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

#5E5E4D - #44370B | 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 #5E5E4D 0% et #44370B 100%.

0.0%	0.0% #5E5E4D	RVB 94 94 77	#5E5E4D
16.7%	16.7% #595742	RVB 89 87 66	#595742
33.3%	33.3% #555137	RVB 85 81 55	#555137
50.0%	50.0% #514A2C	RVB 81 74 44	#514A2C
66.7%	66.7% #4C4420	RVB 76 68 32	#4C4420
83.3%	83.3% #483D16	RVB 72 61 22	#483D16
100.0%	100.0% #44370B	RVB 68 55 11	#44370B

#5E5E4D #595742 #555137 #514A2C #4C4420 #483D16 #44370B

#5E5E4D - #44370B

Mélange HSV

#5E5E4D - #44370B | 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 #5E5E4D 0% et #44370B 100%.

0.0%	0.0% #5E5E4D	RVB 94 94 77	#5E5E4D
16.7%	16.7% #59583F	RVB 89 88 63	#59583F
33.3%	33.3% #555233	RVB 85 82 51	#555233
50.0%	50.0% #514C27	RVB 81 76 39	#514C27
66.7%	66.7% #4C451D	RVB 76 69 29	#4C451D
83.3%	83.3% #483E13	RVB 72 62 19	#483E13
100.0%	100.0% #44370B	RVB 68 55 11	#44370B

#5E5E4D #59583F #555233 #514C27 #4C451D #483E13 #44370B

#5E5E4D - #514C27 - #44370B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E4D 0%, #514C27 50%, #44370B 100%);
    background: -webkit-linear-gradient(top, #5E5E4D 0%, #514C27 50%, #44370B 100%);
    background: linear-gradient(to bottom, #5E5E4D 0%, #514C27 50%, #44370B 100%);
}
</style>