#5E75EB - #1A2143 | 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 #5E75EB à #1A2143

#5E75EB #1A2143

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

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

0.0%	0.0% #5E75EB	RVB 94 117 235	#5E75EB
16.7%	16.7% #5267CF	RVB 82 103 207	#5267CF
33.3%	33.3% #4759B3	RVB 71 89 179	#4759B3
50.0%	50.0% #3C4B97	RVB 60 75 151	#3C4B97
66.7%	66.7% #303D7B	RVB 48 61 123	#303D7B
83.3%	83.3% #252F5F	RVB 37 47 95	#252F5F
100.0%	100.0% #1A2143	RVB 26 33 67	#1A2143

#5E75EB #5267CF #4759B3 #3C4B97 #303D7B #252F5F #1A2143

#5E75EB - #1A2143

Mélange HSV

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

0.0%	0.0% #5E75EB	RVB 94 117 235	#5E75EB
16.7%	16.7% #5266CF	RVB 82 102 207	#5266CF
33.3%	33.3% #4658B3	RVB 70 88 179	#4658B3
50.0%	50.0% #3B4A97	RVB 59 74 151	#3B4A97
66.7%	66.7% #303C7B	RVB 48 60 123	#303C7B
83.3%	83.3% #252E5F	RVB 37 46 95	#252E5F
100.0%	100.0% #1A2143	RVB 26 33 67	#1A2143

#5E75EB #5266CF #4658B3 #3B4A97 #303C7B #252E5F #1A2143

#5E75EB - #3B4A97 - #1A2143

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E75EB 0%, #3B4A97 50%, #1A2143 100%);
    background: -webkit-linear-gradient(top, #5E75EB 0%, #3B4A97 50%, #1A2143 100%);
    background: linear-gradient(to bottom, #5E75EB 0%, #3B4A97 50%, #1A2143 100%);
}
</style>