#E2DFEB - #A88ECE | 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 #E2DFEB à #A88ECE

#E2DFEB #A88ECE

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

#E2DFEB - #A88ECE | 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 #E2DFEB 0% et #A88ECE 100%.

0.0%	0.0% #E2DFEB	RVB 226 223 235	#E2DFEB
16.7%	16.7% #D8D1E6	RVB 216 209 230	#D8D1E6
33.3%	33.3% #CEC4E1	RVB 206 196 225	#CEC4E1
50.0%	50.0% #C5B6DC	RVB 197 182 220	#C5B6DC
66.7%	66.7% #BBA9D7	RVB 187 169 215	#BBA9D7
83.3%	83.3% #B19BD2	RVB 177 155 210	#B19BD2
100.0%	100.0% #A88ECE	RVB 168 142 206	#A88ECE

#E2DFEB #D8D1E6 #CEC4E1 #C5B6DC #BBA9D7 #B19BD2 #A88ECE

#E2DFEB - #A88ECE

Mélange HSV

#E2DFEB - #A88ECE | 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 #E2DFEB 0% et #A88ECE 100%.

0.0%	0.0% #E2DFEB	RVB 226 223 235	#E2DFEB
16.7%	16.7% #D6D0E6	RVB 214 208 230	#D6D0E6
33.3%	33.3% #CBC2E1	RVB 203 194 225	#CBC2E1
50.0%	50.0% #C1B4DC	RVB 193 180 220	#C1B4DC
66.7%	66.7% #B8A7D7	RVB 184 167 215	#B8A7D7
83.3%	83.3% #AF9AD2	RVB 175 154 210	#AF9AD2
100.0%	100.0% #A88ECE	RVB 168 142 206	#A88ECE

#E2DFEB #D6D0E6 #CBC2E1 #C1B4DC #B8A7D7 #AF9AD2 #A88ECE

#E2DFEB - #C1B4DC - #A88ECE

Codes CSS

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

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