#E5B5E6 - #8F53A8 | 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 #E5B5E6 à #8F53A8

#E5B5E6 #8F53A8

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

#E5B5E6 - #8F53A8 | 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 #E5B5E6 0% et #8F53A8 100%.

0.0%	0.0% #E5B5E6	RVB 229 181 230	#E5B5E6
16.7%	16.7% #D6A4DB	RVB 214 164 219	#D6A4DB
33.3%	33.3% #C894D1	RVB 200 148 209	#C894D1
50.0%	50.0% #BA84C7	RVB 186 132 199	#BA84C7
66.7%	66.7% #AB73BC	RVB 171 115 188	#AB73BC
83.3%	83.3% #9D63B2	RVB 157 99 178	#9D63B2
100.0%	100.0% #8F53A8	RVB 143 83 168	#8F53A8

#E5B5E6 #D6A4DB #C894D1 #BA84C7 #AB73BC #9D63B2 #8F53A8

#E5B5E6 - #8F53A8

Mélange HSV

#E5B5E6 - #8F53A8 | 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 #E5B5E6 0% et #8F53A8 100%.

0.0%	0.0% #E5B5E6	RVB 229 181 230	#E5B5E6
16.7%	16.7% #D7A2DB	RVB 215 162 219	#D7A2DB
33.3%	33.3% #CA90D1	RVB 202 144 209	#CA90D1
50.0%	50.0% #BB7FC7	RVB 187 127 199	#BB7FC7
66.7%	66.7% #AD6FBC	RVB 173 111 188	#AD6FBC
83.3%	83.3% #9E60B2	RVB 158 96 178	#9E60B2
100.0%	100.0% #8F53A8	RVB 143 83 168	#8F53A8

#E5B5E6 #D7A2DB #CA90D1 #BB7FC7 #AD6FBC #9E60B2 #8F53A8

#E5B5E6 - #BB7FC7 - #8F53A8

Codes CSS

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

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