#BCA8CE - #ECE6F1 | 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 #BCA8CE à #ECE6F1

#BCA8CE #ECE6F1

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

#BCA8CE - #ECE6F1 | 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 #BCA8CE 0% et #ECE6F1 100%.

0.0%	0.0% #BCA8CE	RVB 188 168 206	#BCA8CE
16.7%	16.7% #C4B2D3	RVB 196 178 211	#C4B2D3
33.3%	33.3% #CCBCD9	RVB 204 188 217	#CCBCD9
50.0%	50.0% #D4C7DF	RVB 212 199 223	#D4C7DF
66.7%	66.7% #DCD1E5	RVB 220 209 229	#DCD1E5
83.3%	83.3% #E4DBEB	RVB 228 219 235	#E4DBEB
100.0%	100.0% #ECE6F1	RVB 236 230 241	#ECE6F1

#BCA8CE #C4B2D3 #CCBCD9 #D4C7DF #DCD1E5 #E4DBEB #ECE6F1

#BCA8CE - #ECE6F1

Mélange HSV

#BCA8CE - #ECE6F1 | 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 #BCA8CE 0% et #ECE6F1 100%.

0.0%	0.0% #BCA8CE	RVB 188 168 206	#BCA8CE
16.7%	16.7% #C3B1D3	RVB 195 177 211	#C3B1D3
33.3%	33.3% #CBBBD9	RVB 203 187 217	#CBBBD9
50.0%	50.0% #D3C5DF	RVB 211 197 223	#D3C5DF
66.7%	66.7% #DBD0E5	RVB 219 208 229	#DBD0E5
83.3%	83.3% #E3DAEB	RVB 227 218 235	#E3DAEB
100.0%	100.0% #ECE6F1	RVB 236 230 241	#ECE6F1

#BCA8CE #C3B1D3 #CBBBD9 #D3C5DF #DBD0E5 #E3DAEB #ECE6F1

#BCA8CE - #D3C5DF - #ECE6F1

Codes CSS

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

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