#E6DFEB - #BB8ECE | 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 #E6DFEB à #BB8ECE

#E6DFEB #BB8ECE

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

#E6DFEB - #BB8ECE | 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 #E6DFEB 0% et #BB8ECE 100%.

0.0%	0.0% #E6DFEB	RVB 230 223 235	#E6DFEB
16.7%	16.7% #DED1E6	RVB 222 209 230	#DED1E6
33.3%	33.3% #D7C4E1	RVB 215 196 225	#D7C4E1
50.0%	50.0% #D0B6DC	RVB 208 182 220	#D0B6DC
66.7%	66.7% #C9A9D7	RVB 201 169 215	#C9A9D7
83.3%	83.3% #C29BD2	RVB 194 155 210	#C29BD2
100.0%	100.0% #BB8ECE	RVB 187 142 206	#BB8ECE

#E6DFEB #DED1E6 #D7C4E1 #D0B6DC #C9A9D7 #C29BD2 #BB8ECE

#E6DFEB - #BB8ECE

Mélange HSV

#E6DFEB - #BB8ECE | 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 #E6DFEB 0% et #BB8ECE 100%.

0.0%	0.0% #E6DFEB	RVB 230 223 235	#E6DFEB
16.7%	16.7% #DDD0E6	RVB 221 208 230	#DDD0E6
33.3%	33.3% #D5C2E1	RVB 213 194 225	#D5C2E1
50.0%	50.0% #CEB4DC	RVB 206 180 220	#CEB4DC
66.7%	66.7% #C7A7D7	RVB 199 167 215	#C7A7D7
83.3%	83.3% #C09AD2	RVB 192 154 210	#C09AD2
100.0%	100.0% #BB8ECE	RVB 187 142 206	#BB8ECE

#E6DFEB #DDD0E6 #D5C2E1 #CEB4DC #C7A7D7 #C09AD2 #BB8ECE

#E6DFEB - #CEB4DC - #BB8ECE

Codes CSS

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

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