#BFB8C7 - #ECEAEF | 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 #BFB8C7 à #ECEAEF

#BFB8C7 #ECEAEF

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

#BFB8C7 - #ECEAEF | 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 #BFB8C7 0% et #ECEAEF 100%.

0.0%	0.0% #BFB8C7	RVB 191 184 199	#BFB8C7
16.7%	16.7% #C6C0CD	RVB 198 192 205	#C6C0CD
33.3%	33.3% #CEC8D4	RVB 206 200 212	#CEC8D4
50.0%	50.0% #D5D1DB	RVB 213 209 219	#D5D1DB
66.7%	66.7% #DDD9E1	RVB 221 217 225	#DDD9E1
83.3%	83.3% #E4E1E8	RVB 228 225 232	#E4E1E8
100.0%	100.0% #ECEAEF	RVB 236 234 239	#ECEAEF

#BFB8C7 #C6C0CD #CEC8D4 #D5D1DB #DDD9E1 #E4E1E8 #ECEAEF

#BFB8C7 - #ECEAEF

Mélange HSV

#BFB8C7 - #ECEAEF | 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 #BFB8C7 0% et #ECEAEF 100%.

0.0%	0.0% #BFB8C7	RVB 191 184 199	#BFB8C7
16.7%	16.7% #C6C0CD	RVB 198 192 205	#C6C0CD
33.3%	33.3% #CDC8D4	RVB 205 200 212	#CDC8D4
50.0%	50.0% #D5D0DB	RVB 213 208 219	#D5D0DB
66.7%	66.7% #DCD8E1	RVB 220 216 225	#DCD8E1
83.3%	83.3% #E4E1E8	RVB 228 225 232	#E4E1E8
100.0%	100.0% #ECEAEF	RVB 236 234 239	#ECEAEF

#BFB8C7 #C6C0CD #CDC8D4 #D5D0DB #DCD8E1 #E4E1E8 #ECEAEF

#BFB8C7 - #D5D0DB - #ECEAEF

Codes CSS

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

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