#5E5EAD - #182455 | 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 #5E5EAD à #182455

#5E5EAD #182455

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

#5E5EAD - #182455 | 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 #5E5EAD 0% et #182455 100%.

0.0%	0.0% #5E5EAD	RVB 94 94 173	#5E5EAD
16.7%	16.7% #52549E	RVB 82 84 158	#52549E
33.3%	33.3% #464A8F	RVB 70 74 143	#464A8F
50.0%	50.0% #3B4181	RVB 59 65 129	#3B4181
66.7%	66.7% #2F3772	RVB 47 55 114	#2F3772
83.3%	83.3% #232D63	RVB 35 45 99	#232D63
100.0%	100.0% #182455	RVB 24 36 85	#182455

#5E5EAD #52549E #464A8F #3B4181 #2F3772 #232D63 #182455

#5E5EAD - #182455

Mélange HSV

#5E5EAD - #182455 | 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 #5E5EAD 0% et #182455 100%.

0.0%	0.0% #5E5EAD	RVB 94 94 173	#5E5EAD
16.7%	16.7% #4F519E	RVB 79 81 158	#4F519E
33.3%	33.3% #41468F	RVB 65 70 143	#41468F
50.0%	50.0% #353C81	RVB 53 60 129	#353C81
66.7%	66.7% #2A3372	RVB 42 51 114	#2A3372
83.3%	83.3% #202B63	RVB 32 43 99	#202B63
100.0%	100.0% #182455	RVB 24 36 85	#182455

#5E5EAD #4F519E #41468F #353C81 #2A3372 #202B63 #182455

#5E5EAD - #353C81 - #182455

Codes CSS

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

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