#BEA8D4 - #ECE6F2 | 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 #BEA8D4 à #ECE6F2

#BEA8D4 #ECE6F2

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

#BEA8D4 - #ECE6F2 | 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 #BEA8D4 0% et #ECE6F2 100%.

0.0%	0.0% #BEA8D4	RVB 190 168 212	#BEA8D4
16.7%	16.7% #C5B2D9	RVB 197 178 217	#C5B2D9
33.3%	33.3% #CDBCDE	RVB 205 188 222	#CDBCDE
50.0%	50.0% #D5C7E3	RVB 213 199 227	#D5C7E3
66.7%	66.7% #DCD1E8	RVB 220 209 232	#DCD1E8
83.3%	83.3% #E4DBED	RVB 228 219 237	#E4DBED
100.0%	100.0% #ECE6F2	RVB 236 230 242	#ECE6F2

#BEA8D4 #C5B2D9 #CDBCDE #D5C7E3 #DCD1E8 #E4DBED #ECE6F2

#BEA8D4 - #ECE6F2

Mélange HSV

#BEA8D4 - #ECE6F2 | 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 #BEA8D4 0% et #ECE6F2 100%.

0.0%	0.0% #BEA8D4	RVB 190 168 212	#BEA8D4
16.7%	16.7% #C5B1D9	RVB 197 177 217	#C5B1D9
33.3%	33.3% #CCBBDE	RVB 204 187 222	#CCBBDE
50.0%	50.0% #D4C5E3	RVB 212 197 227	#D4C5E3
66.7%	66.7% #DCD0E8	RVB 220 208 232	#DCD0E8
83.3%	83.3% #E4DBED	RVB 228 219 237	#E4DBED
100.0%	100.0% #ECE6F2	RVB 236 230 242	#ECE6F2

#BEA8D4 #C5B1D9 #CCBBDE #D4C5E3 #DCD0E8 #E4DBED #ECE6F2

#BEA8D4 - #D4C5E3 - #ECE6F2

Codes CSS

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

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