#E5E3FF - #A38BCE | 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 #E5E3FF à #A38BCE

#E5E3FF #A38BCE

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

#E5E3FF - #A38BCE | 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 #E5E3FF 0% et #A38BCE 100%.

0.0%	0.0% #E5E3FF	RVB 229 227 255	#E5E3FF
16.7%	16.7% #DAD4F6	RVB 218 212 246	#DAD4F6
33.3%	33.3% #CFC5EE	RVB 207 197 238	#CFC5EE
50.0%	50.0% #C4B7E6	RVB 196 183 230	#C4B7E6
66.7%	66.7% #B9A8DE	RVB 185 168 222	#B9A8DE
83.3%	83.3% #AE99D6	RVB 174 153 214	#AE99D6
100.0%	100.0% #A38BCE	RVB 163 139 206	#A38BCE

#E5E3FF #DAD4F6 #CFC5EE #C4B7E6 #B9A8DE #AE99D6 #A38BCE

#E5E3FF - #A38BCE

Mélange HSV

#E5E3FF - #A38BCE | 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 #E5E3FF 0% et #A38BCE 100%.

0.0%	0.0% #E5E3FF	RVB 229 227 255	#E5E3FF
16.7%	16.7% #D7D2F6	RVB 215 210 246	#D7D2F6
33.3%	33.3% #CAC3EE	RVB 202 195 238	#CAC3EE
50.0%	50.0% #BFB4E6	RVB 191 180 230	#BFB4E6
66.7%	66.7% #B4A5DE	RVB 180 165 222	#B4A5DE
83.3%	83.3% #AB98D6	RVB 171 152 214	#AB98D6
100.0%	100.0% #A38BCE	RVB 163 139 206	#A38BCE

#E5E3FF #D7D2F6 #CAC3EE #BFB4E6 #B4A5DE #AB98D6 #A38BCE

#E5E3FF - #BFB4E6 - #A38BCE

Codes CSS

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

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