#1E2F5E - #5E7395 | 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 #1E2F5E à #5E7395

#1E2F5E #5E7395

Calculez la couleur entre deux couleurs, #1E2F5E et #5E7395. 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)

#1E2F5E - #5E7395 | 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 #1E2F5E 0% et #5E7395 100%.

0.0%	0.0% #1E2F5E	RVB 30 47 94	#1E2F5E
16.7%	16.7% #283A67	RVB 40 58 103	#283A67
33.3%	33.3% #334570	RVB 51 69 112	#334570
50.0%	50.0% #3E5179	RVB 62 81 121	#3E5179
66.7%	66.7% #485C82	RVB 72 92 130	#485C82
83.3%	83.3% #53678B	RVB 83 103 139	#53678B
100.0%	100.0% #5E7395	RVB 94 115 149	#5E7395

#1E2F5E #283A67 #334570 #3E5179 #485C82 #53678B #5E7395

#1E2F5E - #5E7395

Mélange HSV

#1E2F5E - #5E7395 | 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 #1E2F5E 0% et #5E7395 100%.

0.0%	0.0% #1E2F5E	RVB 30 47 94	#1E2F5E
16.7%	16.7% #263867	RVB 38 56 103	#263867
33.3%	33.3% #2F4370	RVB 47 67 112	#2F4370
50.0%	50.0% #394E79	RVB 57 78 121	#394E79
66.7%	66.7% #445A82	RVB 68 90 130	#445A82
83.3%	83.3% #50668B	RVB 80 102 139	#50668B
100.0%	100.0% #5E7395	RVB 94 115 149	#5E7395

#1E2F5E #263867 #2F4370 #394E79 #445A82 #50668B #5E7395

#1E2F5E - #394E79 - #5E7395

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E2F5E 0%, #394E79 50%, #5E7395 100%);
    background: -webkit-linear-gradient(top, #1E2F5E 0%, #394E79 50%, #5E7395 100%);
    background: linear-gradient(to bottom, #1E2F5E 0%, #394E79 50%, #5E7395 100%);
}
</style>