#E3ABC6 - #B6497B | 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 #E3ABC6 à #B6497B

#E3ABC6 #B6497B

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

#E3ABC6 - #B6497B | 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 #E3ABC6 0% et #B6497B 100%.

0.0%	0.0% #E3ABC6	RVB 227 171 198	#E3ABC6
16.7%	16.7% #DB9AB9	RVB 219 154 185	#DB9AB9
33.3%	33.3% #D48AAD	RVB 212 138 173	#D48AAD
50.0%	50.0% #CC7AA0	RVB 204 122 160	#CC7AA0
66.7%	66.7% #C56994	RVB 197 105 148	#C56994
83.3%	83.3% #BD5987	RVB 189 89 135	#BD5987
100.0%	100.0% #B6497B	RVB 182 73 123	#B6497B

#E3ABC6 #DB9AB9 #D48AAD #CC7AA0 #C56994 #BD5987 #B6497B

#E3ABC6 - #B6497B

Mélange HSV

#E3ABC6 - #B6497B | 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 #E3ABC6 0% et #B6497B 100%.

0.0%	0.0% #E3ABC6	RVB 227 171 198	#E3ABC6
16.7%	16.7% #DB98B8	RVB 219 152 184	#DB98B8
33.3%	33.3% #D486AB	RVB 212 134 171	#D486AB
50.0%	50.0% #CC769E	RVB 204 118 158	#CC769E
66.7%	66.7% #C56692	RVB 197 102 146	#C56692
83.3%	83.3% #BD5786	RVB 189 87 134	#BD5786
100.0%	100.0% #B6497B	RVB 182 73 123	#B6497B

#E3ABC6 #DB98B8 #D486AB #CC769E #C56692 #BD5786 #B6497B

#E3ABC6 - #CC769E - #B6497B

Codes CSS

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

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