#5E5E6E - #162B28 | 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 #5E5E6E à #162B28

#5E5E6E #162B28

Calculez la couleur entre deux couleurs, #5E5E6E et #162B28. 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)

#5E5E6E - #162B28 | 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 #5E5E6E 0% et #162B28 100%.

0.0%	0.0% #5E5E6E	RVB 94 94 110	#5E5E6E
16.7%	16.7% #525562	RVB 82 85 98	#525562
33.3%	33.3% #464D56	RVB 70 77 86	#464D56
50.0%	50.0% #3A444B	RVB 58 68 75	#3A444B
66.7%	66.7% #2E3C3F	RVB 46 60 63	#2E3C3F
83.3%	83.3% #223333	RVB 34 51 51	#223333
100.0%	100.0% #162B28	RVB 22 43 40	#162B28

#5E5E6E #525562 #464D56 #3A444B #2E3C3F #223333 #162B28

#5E5E6E - #162B28

Mélange HSV

#5E5E6E - #162B28 | 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 #5E5E6E 0% et #162B28 100%.

0.0%	0.0% #5E5E6E	RVB 94 94 110	#5E5E6E
16.7%	16.7% #4E5262	RVB 78 82 98	#4E5262
33.3%	33.3% #404957	RVB 64 73 87	#404957
50.0%	50.0% #34424C	RVB 52 66 76	#34424C
66.7%	66.7% #283B41	RVB 40 59 65	#283B41
83.3%	83.3% #1E3536	RVB 30 53 54	#1E3536
100.0%	100.0% #162B28	RVB 22 43 40	#162B28

#5E5E6E #4E5262 #404957 #34424C #283B41 #1E3536 #162B28

#5E5E6E - #34424C - #162B28

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E6E 0%, #34424C 50%, #162B28 100%);
    background: -webkit-linear-gradient(top, #5E5E6E 0%, #34424C 50%, #162B28 100%);
    background: linear-gradient(to bottom, #5E5E6E 0%, #34424C 50%, #162B28 100%);
}
</style>