#E5E2FD - #414048 | 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 #E5E2FD à #414048

#E5E2FD #414048

Calculez la couleur entre deux couleurs, #E5E2FD et #414048. 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)

#E5E2FD - #414048 | 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 #E5E2FD 0% et #414048 100%.

0.0%	0.0% #E5E2FD	RVB 229 226 253	#E5E2FD
16.7%	16.7% #C9C7DE	RVB 201 199 222	#C9C7DE
33.3%	33.3% #AEACC0	RVB 174 172 192	#AEACC0
50.0%	50.0% #9391A2	RVB 147 145 162	#9391A2
66.7%	66.7% #777684	RVB 119 118 132	#777684
83.3%	83.3% #5C5B66	RVB 92 91 102	#5C5B66
100.0%	100.0% #414048	RVB 65 64 72	#414048

#E5E2FD #C9C7DE #AEACC0 #9391A2 #777684 #5C5B66 #414048

#E5E2FD - #414048

Mélange HSV

#E5E2FD - #414048 | 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 #E5E2FD 0% et #414048 100%.

0.0%	0.0% #E5E2FD	RVB 229 226 253	#E5E2FD
16.7%	16.7% #C9C6DE	RVB 201 198 222	#C9C6DE
33.3%	33.3% #AEABC0	RVB 174 171 192	#AEABC0
50.0%	50.0% #9290A2	RVB 146 144 162	#9290A2
66.7%	66.7% #777584	RVB 119 117 132	#777584
83.3%	83.3% #5C5A66	RVB 92 90 102	#5C5A66
100.0%	100.0% #414048	RVB 65 64 72	#414048

#E5E2FD #C9C6DE #AEABC0 #9290A2 #777584 #5C5A66 #414048

#E5E2FD - #9290A2 - #414048

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E5E2FD 0%, #9290A2 50%, #414048 100%);
    background: -webkit-linear-gradient(top, #E5E2FD 0%, #9290A2 50%, #414048 100%);
    background: linear-gradient(to bottom, #E5E2FD 0%, #9290A2 50%, #414048 100%);
}
</style>