#BD9DB6 - #ECE3E9 | 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 #BD9DB6 à #ECE3E9

#BD9DB6 #ECE3E9

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

#BD9DB6 - #ECE3E9 | 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 #BD9DB6 0% et #ECE3E9 100%.

0.0%	0.0% #BD9DB6	RVB 189 157 182	#BD9DB6
16.7%	16.7% #C4A8BE	RVB 196 168 190	#C4A8BE
33.3%	33.3% #CCB4C7	RVB 204 180 199	#CCB4C7
50.0%	50.0% #D4C0CF	RVB 212 192 207	#D4C0CF
66.7%	66.7% #DCCBD8	RVB 220 203 216	#DCCBD8
83.3%	83.3% #E4D7E0	RVB 228 215 224	#E4D7E0
100.0%	100.0% #ECE3E9	RVB 236 227 233	#ECE3E9

#BD9DB6 #C4A8BE #CCB4C7 #D4C0CF #DCCBD8 #E4D7E0 #ECE3E9

#BD9DB6 - #ECE3E9

Mélange HSV

#BD9DB6 - #ECE3E9 | 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 #BD9DB6 0% et #ECE3E9 100%.

0.0%	0.0% #BD9DB6	RVB 189 157 182	#BD9DB6
16.7%	16.7% #C4A7BD	RVB 196 167 189	#C4A7BD
33.3%	33.3% #CCB2C6	RVB 204 178 198	#CCB2C6
50.0%	50.0% #D4BECE	RVB 212 190 206	#D4BECE
66.7%	66.7% #DCCAD7	RVB 220 202 215	#DCCAD7
83.3%	83.3% #E4D6DF	RVB 228 214 223	#E4D6DF
100.0%	100.0% #ECE3E9	RVB 236 227 233	#ECE3E9

#BD9DB6 #C4A7BD #CCB2C6 #D4BECE #DCCAD7 #E4D6DF #ECE3E9

#BD9DB6 - #D4BECE - #ECE3E9

Codes CSS

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

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