#201E5E - #5E6295 | 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 #201E5E à #5E6295

#201E5E #5E6295

Calculez la couleur entre deux couleurs, #201E5E et #5E6295. 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)

#201E5E - #5E6295 | 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 #201E5E 0% et #5E6295 100%.

0.0%	0.0% #201E5E	RVB 32 30 94	#201E5E
16.7%	16.7% #2A2967	RVB 42 41 103	#2A2967
33.3%	33.3% #343470	RVB 52 52 112	#343470
50.0%	50.0% #3F4079	RVB 63 64 121	#3F4079
66.7%	66.7% #494B82	RVB 73 75 130	#494B82
83.3%	83.3% #53568B	RVB 83 86 139	#53568B
100.0%	100.0% #5E6295	RVB 94 98 149	#5E6295

#201E5E #2A2967 #343470 #3F4079 #494B82 #53568B #5E6295

#201E5E - #5E6295

Mélange HSV

#201E5E - #5E6295 | 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 #201E5E 0% et #5E6295 100%.

0.0%	0.0% #201E5E	RVB 32 30 94	#201E5E
16.7%	16.7% #272667	RVB 39 38 103	#272667
33.3%	33.3% #2F2F70	RVB 47 47 112	#2F2F70
50.0%	50.0% #393B79	RVB 57 59 121	#393B79
66.7%	66.7% #444782	RVB 68 71 130	#444782
83.3%	83.3% #50548B	RVB 80 84 139	#50548B
100.0%	100.0% #5E6295	RVB 94 98 149	#5E6295

#201E5E #272667 #2F2F70 #393B79 #444782 #50548B #5E6295

#201E5E - #393B79 - #5E6295

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201E5E 0%, #393B79 50%, #5E6295 100%);
    background: -webkit-linear-gradient(top, #201E5E 0%, #393B79 50%, #5E6295 100%);
    background: linear-gradient(to bottom, #201E5E 0%, #393B79 50%, #5E6295 100%);
}
</style>