#5E5E7C - #172A2F | 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 #5E5E7C à #172A2F

#5E5E7C #172A2F

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

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

0.0%	0.0% #5E5E7C	RVB 94 94 124	#5E5E7C
16.7%	16.7% #52556F	RVB 82 85 111	#52556F
33.3%	33.3% #464C62	RVB 70 76 98	#464C62
50.0%	50.0% #3A4455	RVB 58 68 85	#3A4455
66.7%	66.7% #2E3B48	RVB 46 59 72	#2E3B48
83.3%	83.3% #22323B	RVB 34 50 59	#22323B
100.0%	100.0% #172A2F	RVB 23 42 47	#172A2F

#5E5E7C #52556F #464C62 #3A4455 #2E3B48 #22323B #172A2F

#5E5E7C - #172A2F

Mélange HSV

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

0.0%	0.0% #5E5E7C	RVB 94 94 124	#5E5E7C
16.7%	16.7% #4F536F	RVB 79 83 111	#4F536F
33.3%	33.3% #414A62	RVB 65 74 98	#414A62
50.0%	50.0% #354255	RVB 53 66 85	#354255
66.7%	66.7% #2A3A48	RVB 42 58 72	#2A3A48
83.3%	83.3% #1F323B	RVB 31 50 59	#1F323B
100.0%	100.0% #172A2F	RVB 23 42 47	#172A2F

#5E5E7C #4F536F #414A62 #354255 #2A3A48 #1F323B #172A2F

#5E5E7C - #354255 - #172A2F

Codes CSS

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

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