#5E5E84 - #172A34 | 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 #5E5E84 à #172A34

#5E5E84 #172A34

Calculez la couleur entre deux couleurs, #5E5E84 et #172A34. 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)

#5E5E84 - #172A34 | 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 #5E5E84 0% et #172A34 100%.

0.0%	0.0% #5E5E84	RVB 94 94 132	#5E5E84
16.7%	16.7% #525576	RVB 82 85 118	#525576
33.3%	33.3% #464C69	RVB 70 76 105	#464C69
50.0%	50.0% #3A445C	RVB 58 68 92	#3A445C
66.7%	66.7% #2E3B4E	RVB 46 59 78	#2E3B4E
83.3%	83.3% #223241	RVB 34 50 65	#223241
100.0%	100.0% #172A34	RVB 23 42 52	#172A34

#5E5E84 #525576 #464C69 #3A445C #2E3B4E #223241 #172A34

#5E5E84 - #172A34

Mélange HSV

#5E5E84 - #172A34 | 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 #5E5E84 0% et #172A34 100%.

0.0%	0.0% #5E5E84	RVB 94 94 132	#5E5E84
16.7%	16.7% #4F5376	RVB 79 83 118	#4F5376
33.3%	33.3% #414A69	RVB 65 74 105	#414A69
50.0%	50.0% #35415C	RVB 53 65 92	#35415C
66.7%	66.7% #29394E	RVB 41 57 78	#29394E
83.3%	83.3% #1F3241	RVB 31 50 65	#1F3241
100.0%	100.0% #172A34	RVB 23 42 52	#172A34

#5E5E84 #4F5376 #414A69 #35415C #29394E #1F3241 #172A34

#5E5E84 - #35415C - #172A34

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E84 0%, #35415C 50%, #172A34 100%);
    background: -webkit-linear-gradient(top, #5E5E84 0%, #35415C 50%, #172A34 100%);
    background: linear-gradient(to bottom, #5E5E84 0%, #35415C 50%, #172A34 100%);
}
</style>