#E1B5E6 - #8C53A8 | 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 #E1B5E6 à #8C53A8

#E1B5E6 #8C53A8

Calculez la couleur entre deux couleurs, #E1B5E6 et #8C53A8. 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)

#E1B5E6 - #8C53A8 | 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 #E1B5E6 0% et #8C53A8 100%.

0.0%	0.0% #E1B5E6	RVB 225 181 230	#E1B5E6
16.7%	16.7% #D2A4DB	RVB 210 164 219	#D2A4DB
33.3%	33.3% #C494D1	RVB 196 148 209	#C494D1
50.0%	50.0% #B684C7	RVB 182 132 199	#B684C7
66.7%	66.7% #A873BC	RVB 168 115 188	#A873BC
83.3%	83.3% #9A63B2	RVB 154 99 178	#9A63B2
100.0%	100.0% #8C53A8	RVB 140 83 168	#8C53A8

#E1B5E6 #D2A4DB #C494D1 #B684C7 #A873BC #9A63B2 #8C53A8

#E1B5E6 - #8C53A8

Mélange HSV

#E1B5E6 - #8C53A8 | 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 #E1B5E6 0% et #8C53A8 100%.

0.0%	0.0% #E1B5E6	RVB 225 181 230	#E1B5E6
16.7%	16.7% #D3A2DB	RVB 211 162 219	#D3A2DB
33.3%	33.3% #C590D1	RVB 197 144 209	#C590D1
50.0%	50.0% #B77FC7	RVB 183 127 199	#B77FC7
66.7%	66.7% #A96FBC	RVB 169 111 188	#A96FBC
83.3%	83.3% #9A60B2	RVB 154 96 178	#9A60B2
100.0%	100.0% #8C53A8	RVB 140 83 168	#8C53A8

#E1B5E6 #D3A2DB #C590D1 #B77FC7 #A96FBC #9A60B2 #8C53A8

#E1B5E6 - #B77FC7 - #8C53A8

Codes CSS

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

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