#5B5E6B - #191A1E | 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 #5B5E6B à #191A1E

#5B5E6B #191A1E

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

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

0.0%	0.0% #5B5E6B	RVB 91 94 107	#5B5E6B
16.7%	16.7% #50525E	RVB 80 82 94	#50525E
33.3%	33.3% #454751	RVB 69 71 81	#454751
50.0%	50.0% #3A3C44	RVB 58 60 68	#3A3C44
66.7%	66.7% #2F3037	RVB 47 48 55	#2F3037
83.3%	83.3% #24252A	RVB 36 37 42	#24252A
100.0%	100.0% #191A1E	RVB 25 26 30	#191A1E

#5B5E6B #50525E #454751 #3A3C44 #2F3037 #24252A #191A1E

#5B5E6B - #191A1E

Mélange HSV

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

0.0%	0.0% #5B5E6B	RVB 91 94 107	#5B5E6B
16.7%	16.7% #4F525E	RVB 79 82 94	#4F525E
33.3%	33.3% #444751	RVB 68 71 81	#444751
50.0%	50.0% #393B44	RVB 57 59 68	#393B44
66.7%	66.7% #2E3037	RVB 46 48 55	#2E3037
83.3%	83.3% #23252A	RVB 35 37 42	#23252A
100.0%	100.0% #191A1E	RVB 25 26 30	#191A1E

#5B5E6B #4F525E #444751 #393B44 #2E3037 #23252A #191A1E

#5B5E6B - #393B44 - #191A1E

Codes CSS

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

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