#5E5E98 - #182743 | 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 #5E5E98 à #182743

#5E5E98 #182743

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

#5E5E98 - #182743 | 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 #5E5E98 0% et #182743 100%.

0.0%	0.0% #5E5E98	RVB 94 94 152	#5E5E98
16.7%	16.7% #525489	RVB 82 84 137	#525489
33.3%	33.3% #464B7B	RVB 70 75 123	#464B7B
50.0%	50.0% #3B426D	RVB 59 66 109	#3B426D
66.7%	66.7% #2F395F	RVB 47 57 95	#2F395F
83.3%	83.3% #233051	RVB 35 48 81	#233051
100.0%	100.0% #182743	RVB 24 39 67	#182743

#5E5E98 #525489 #464B7B #3B426D #2F395F #233051 #182743

#5E5E98 - #182743

Mélange HSV

#5E5E98 - #182743 | 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 #5E5E98 0% et #182743 100%.

0.0%	0.0% #5E5E98	RVB 94 94 152	#5E5E98
16.7%	16.7% #4F5289	RVB 79 82 137	#4F5289
33.3%	33.3% #41487B	RVB 65 72 123	#41487B
50.0%	50.0% #353F6D	RVB 53 63 109	#353F6D
66.7%	66.7% #2A365F	RVB 42 54 95	#2A365F
83.3%	83.3% #202E51	RVB 32 46 81	#202E51
100.0%	100.0% #182743	RVB 24 39 67	#182743

#5E5E98 #4F5289 #41487B #353F6D #2A365F #202E51 #182743

#5E5E98 - #353F6D - #182743

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E98 0%, #353F6D 50%, #182743 100%);
    background: -webkit-linear-gradient(top, #5E5E98 0%, #353F6D 50%, #182743 100%);
    background: linear-gradient(to bottom, #5E5E98 0%, #353F6D 50%, #182743 100%);
}
</style>