#E5B5E3 - #BC42B6 | 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 #E5B5E3 à #BC42B6

#E5B5E3 #BC42B6

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

#E5B5E3 - #BC42B6 | 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 #E5B5E3 0% et #BC42B6 100%.

0.0%	0.0% #E5B5E3	RVB 229 181 227	#E5B5E3
16.7%	16.7% #DEA1DB	RVB 222 161 219	#DEA1DB
33.3%	33.3% #D78ED4	RVB 215 142 212	#D78ED4
50.0%	50.0% #D07BCC	RVB 208 123 204	#D07BCC
66.7%	66.7% #C968C5	RVB 201 104 197	#C968C5
83.3%	83.3% #C255BD	RVB 194 85 189	#C255BD
100.0%	100.0% #BC42B6	RVB 188 66 182	#BC42B6

#E5B5E3 #DEA1DB #D78ED4 #D07BCC #C968C5 #C255BD #BC42B6

#E5B5E3 - #BC42B6

Mélange HSV

#E5B5E3 - #BC42B6 | 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 #E5B5E3 0% et #BC42B6 100%.

0.0%	0.0% #E5B5E3	RVB 229 181 227	#E5B5E3
16.7%	16.7% #DE9FDB	RVB 222 159 219	#DE9FDB
33.3%	33.3% #D78AD3	RVB 215 138 211	#D78AD3
50.0%	50.0% #D076CC	RVB 208 118 204	#D076CC
66.7%	66.7% #C964C4	RVB 201 100 196	#C964C4
83.3%	83.3% #C252BD	RVB 194 82 189	#C252BD
100.0%	100.0% #BC42B6	RVB 188 66 182	#BC42B6

#E5B5E3 #DE9FDB #D78AD3 #D076CC #C964C4 #C252BD #BC42B6

#E5B5E3 - #D076CC - #BC42B6

Codes CSS

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

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