#E9C5E7 - #B46BAE | 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 #E9C5E7 à #B46BAE

#E9C5E7 #B46BAE

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

#E9C5E7 - #B46BAE | 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 #E9C5E7 0% et #B46BAE 100%.

0.0%	0.0% #E9C5E7	RVB 233 197 231	#E9C5E7
16.7%	16.7% #E0B6DD	RVB 224 182 221	#E0B6DD
33.3%	33.3% #D7A7D4	RVB 215 167 212	#D7A7D4
50.0%	50.0% #CE98CA	RVB 206 152 202	#CE98CA
66.7%	66.7% #C589C1	RVB 197 137 193	#C589C1
83.3%	83.3% #BC7AB7	RVB 188 122 183	#BC7AB7
100.0%	100.0% #B46BAE	RVB 180 107 174	#B46BAE

#E9C5E7 #E0B6DD #D7A7D4 #CE98CA #C589C1 #BC7AB7 #B46BAE

#E9C5E7 - #B46BAE

Mélange HSV

#E9C5E7 - #B46BAE | 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 #E9C5E7 0% et #B46BAE 100%.

0.0%	0.0% #E9C5E7	RVB 233 197 231	#E9C5E7
16.7%	16.7% #E0B4DD	RVB 224 180 221	#E0B4DD
33.3%	33.3% #D7A4D4	RVB 215 164 212	#D7A4D4
50.0%	50.0% #CE94CA	RVB 206 148 202	#CE94CA
66.7%	66.7% #C586C1	RVB 197 134 193	#C586C1
83.3%	83.3% #BC78B7	RVB 188 120 183	#BC78B7
100.0%	100.0% #B46BAE	RVB 180 107 174	#B46BAE

#E9C5E7 #E0B4DD #D7A4D4 #CE94CA #C586C1 #BC78B7 #B46BAE

#E9C5E7 - #CE94CA - #B46BAE

Codes CSS

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

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