#5E5E5C - #50410F | 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 #5E5E5C à #50410F

#5E5E5C #50410F

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

#5E5E5C - #50410F | 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 #5E5E5C 0% et #50410F 100%.

0.0%	0.0% #5E5E5C	RVB 94 94 92	#5E5E5C
16.7%	16.7% #5B594F	RVB 91 89 79	#5B594F
33.3%	33.3% #595442	RVB 89 84 66	#595442
50.0%	50.0% #574F35	RVB 87 79 53	#574F35
66.7%	66.7% #544A28	RVB 84 74 40	#544A28
83.3%	83.3% #52451B	RVB 82 69 27	#52451B
100.0%	100.0% #50410F	RVB 80 65 15	#50410F

#5E5E5C #5B594F #595442 #574F35 #544A28 #52451B #50410F

#5E5E5C - #50410F

Mélange HSV

#5E5E5C - #50410F | 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 #5E5E5C 0% et #50410F 100%.

0.0%	0.0% #5E5E5C	RVB 94 94 92	#5E5E5C
16.7%	16.7% #5B5B4D	RVB 91 91 77	#5B5B4D
33.3%	33.3% #59573F	RVB 89 87 63	#59573F
50.0%	50.0% #575232	RVB 87 82 50	#575232
66.7%	66.7% #544D26	RVB 84 77 38	#544D26
83.3%	83.3% #52471A	RVB 82 71 26	#52471A
100.0%	100.0% #50410F	RVB 80 65 15	#50410F

#5E5E5C #5B5B4D #59573F #575232 #544D26 #52471A #50410F

#5E5E5C - #575232 - #50410F

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E5C 0%, #575232 50%, #50410F 100%);
    background: -webkit-linear-gradient(top, #5E5E5C 0%, #575232 50%, #50410F 100%);
    background: linear-gradient(to bottom, #5E5E5C 0%, #575232 50%, #50410F 100%);
}
</style>