#E5A8C7 - #B8447C | 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 #E5A8C7 à #B8447C

#E5A8C7 #B8447C

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

#E5A8C7 - #B8447C | 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 #E5A8C7 0% et #B8447C 100%.

0.0%	0.0% #E5A8C7	RVB 229 168 199	#E5A8C7
16.7%	16.7% #DD97BA	RVB 221 151 186	#DD97BA
33.3%	33.3% #D686AE	RVB 214 134 174	#D686AE
50.0%	50.0% #CE76A1	RVB 206 118 161	#CE76A1
66.7%	66.7% #C76595	RVB 199 101 149	#C76595
83.3%	83.3% #BF5488	RVB 191 84 136	#BF5488
100.0%	100.0% #B8447C	RVB 184 68 124	#B8447C

#E5A8C7 #DD97BA #D686AE #CE76A1 #C76595 #BF5488 #B8447C

#E5A8C7 - #B8447C

Mélange HSV

#E5A8C7 - #B8447C | 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 #E5A8C7 0% et #B8447C 100%.

0.0%	0.0% #E5A8C7	RVB 229 168 199	#E5A8C7
16.7%	16.7% #DD95B9	RVB 221 149 185	#DD95B9
33.3%	33.3% #D683AC	RVB 214 131 172	#D683AC
50.0%	50.0% #CE719F	RVB 206 113 159	#CE719F
66.7%	66.7% #C76193	RVB 199 97 147	#C76193
83.3%	83.3% #BF5287	RVB 191 82 135	#BF5287
100.0%	100.0% #B8447C	RVB 184 68 124	#B8447C

#E5A8C7 #DD95B9 #D683AC #CE719F #C76193 #BF5287 #B8447C

#E5A8C7 - #CE719F - #B8447C

Codes CSS

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

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