#BDB4A8 - #ECE9E6 | 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 #BDB4A8 à #ECE9E6

#BDB4A8 #ECE9E6

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

#BDB4A8 - #ECE9E6 | 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 #BDB4A8 0% et #ECE9E6 100%.

0.0%	0.0% #BDB4A8	RVB 189 180 168	#BDB4A8
16.7%	16.7% #C4BCB2	RVB 196 188 178	#C4BCB2
33.3%	33.3% #CCC5BC	RVB 204 197 188	#CCC5BC
50.0%	50.0% #D4CEC7	RVB 212 206 199	#D4CEC7
66.7%	66.7% #DCD7D1	RVB 220 215 209	#DCD7D1
83.3%	83.3% #E4E0DB	RVB 228 224 219	#E4E0DB
100.0%	100.0% #ECE9E6	RVB 236 233 230	#ECE9E6

#BDB4A8 #C4BCB2 #CCC5BC #D4CEC7 #DCD7D1 #E4E0DB #ECE9E6

#BDB4A8 - #ECE9E6

Mélange HSV

#BDB4A8 - #ECE9E6 | 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 #BDB4A8 0% et #ECE9E6 100%.

0.0%	0.0% #BDB4A8	RVB 189 180 168	#BDB4A8
16.7%	16.7% #C4BCB1	RVB 196 188 177	#C4BCB1
33.3%	33.3% #CCC5BB	RVB 204 197 187	#CCC5BB
50.0%	50.0% #D4CDC5	RVB 212 205 197	#D4CDC5
66.7%	66.7% #DCD6D0	RVB 220 214 208	#DCD6D0
83.3%	83.3% #E4DFDB	RVB 228 223 219	#E4DFDB
100.0%	100.0% #ECE9E6	RVB 236 233 230	#ECE9E6

#BDB4A8 #C4BCB1 #CCC5BB #D4CDC5 #DCD6D0 #E4DFDB #ECE9E6

#BDB4A8 - #D4CDC5 - #ECE9E6

Codes CSS

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

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