#E3D0FF - #986ECE | 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 #E3D0FF à #986ECE

#E3D0FF #986ECE

Calculez la couleur entre deux couleurs, #E3D0FF et #986ECE. 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)

#E3D0FF - #986ECE | 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 #E3D0FF 0% et #986ECE 100%.

0.0%	0.0% #E3D0FF	RVB 227 208 255	#E3D0FF
16.7%	16.7% #D6BFF6	RVB 214 191 246	#D6BFF6
33.3%	33.3% #CAAFEE	RVB 202 175 238	#CAAFEE
50.0%	50.0% #BD9FE6	RVB 189 159 230	#BD9FE6
66.7%	66.7% #B18EDE	RVB 177 142 222	#B18EDE
83.3%	83.3% #A47ED6	RVB 164 126 214	#A47ED6
100.0%	100.0% #986ECE	RVB 152 110 206	#986ECE

#E3D0FF #D6BFF6 #CAAFEE #BD9FE6 #B18EDE #A47ED6 #986ECE

#E3D0FF - #986ECE

Mélange HSV

#E3D0FF - #986ECE | 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 #E3D0FF 0% et #986ECE 100%.

0.0%	0.0% #E3D0FF	RVB 227 208 255	#E3D0FF
16.7%	16.7% #D5BDF6	RVB 213 189 246	#D5BDF6
33.3%	33.3% #C7ACEE	RVB 199 172 238	#C7ACEE
50.0%	50.0% #BB9BE6	RVB 187 155 230	#BB9BE6
66.7%	66.7% #AE8BDE	RVB 174 139 222	#AE8BDE
83.3%	83.3% #A37CD6	RVB 163 124 214	#A37CD6
100.0%	100.0% #986ECE	RVB 152 110 206	#986ECE

#E3D0FF #D5BDF6 #C7ACEE #BB9BE6 #AE8BDE #A37CD6 #986ECE

#E3D0FF - #BB9BE6 - #986ECE

Codes CSS

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

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