#5B5E4D - #191A16 | 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 #5B5E4D à #191A16

#5B5E4D #191A16

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

#5B5E4D - #191A16 | 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 #5B5E4D 0% et #191A16 100%.

0.0%	0.0% #5B5E4D	RVB 91 94 77	#5B5E4D
16.7%	16.7% #505243	RVB 80 82 67	#505243
33.3%	33.3% #45473A	RVB 69 71 58	#45473A
50.0%	50.0% #3A3C31	RVB 58 60 49	#3A3C31
66.7%	66.7% #2F3028	RVB 47 48 40	#2F3028
83.3%	83.3% #24251F	RVB 36 37 31	#24251F
100.0%	100.0% #191A16	RVB 25 26 22	#191A16

#5B5E4D #505243 #45473A #3A3C31 #2F3028 #24251F #191A16

#5B5E4D - #191A16

Mélange HSV

#5B5E4D - #191A16 | 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 #5B5E4D 0% et #191A16 100%.

0.0%	0.0% #5B5E4D	RVB 91 94 77	#5B5E4D
16.7%	16.7% #4F5244	RVB 79 82 68	#4F5244
33.3%	33.3% #44473B	RVB 68 71 59	#44473B
50.0%	50.0% #393C31	RVB 57 60 49	#393C31
66.7%	66.7% #2E3028	RVB 46 48 40	#2E3028
83.3%	83.3% #23251F	RVB 35 37 31	#23251F
100.0%	100.0% #191A16	RVB 25 26 22	#191A16

#5B5E4D #4F5244 #44473B #393C31 #2E3028 #23251F #191A16

#5B5E4D - #393C31 - #191A16

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5B5E4D 0%, #393C31 50%, #191A16 100%);
    background: -webkit-linear-gradient(top, #5B5E4D 0%, #393C31 50%, #191A16 100%);
    background: linear-gradient(to bottom, #5B5E4D 0%, #393C31 50%, #191A16 100%);
}
</style>