#BFBCB5 - #ECEBE9 | 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 #BFBCB5 à #ECEBE9

#BFBCB5 #ECEBE9

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

#BFBCB5 - #ECEBE9 | 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 #BFBCB5 0% et #ECEBE9 100%.

0.0%	0.0% #BFBCB5	RVB 191 188 181	#BFBCB5
16.7%	16.7% #C6C3BD	RVB 198 195 189	#C6C3BD
33.3%	33.3% #CECBC6	RVB 206 203 198	#CECBC6
50.0%	50.0% #D5D3CF	RVB 213 211 207	#D5D3CF
66.7%	66.7% #DDDBD7	RVB 221 219 215	#DDDBD7
83.3%	83.3% #E4E3E0	RVB 228 227 224	#E4E3E0
100.0%	100.0% #ECEBE9	RVB 236 235 233	#ECEBE9

#BFBCB5 #C6C3BD #CECBC6 #D5D3CF #DDDBD7 #E4E3E0 #ECEBE9

#BFBCB5 - #ECEBE9

Mélange HSV

#BFBCB5 - #ECEBE9 | 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 #BFBCB5 0% et #ECEBE9 100%.

0.0%	0.0% #BFBCB5	RVB 191 188 181	#BFBCB5
16.7%	16.7% #C6C3BD	RVB 198 195 189	#C6C3BD
33.3%	33.3% #CECBC5	RVB 206 203 197	#CECBC5
50.0%	50.0% #D5D3CE	RVB 213 211 206	#D5D3CE
66.7%	66.7% #DDDBD7	RVB 221 219 215	#DDDBD7
83.3%	83.3% #E4E3E0	RVB 228 227 224	#E4E3E0
100.0%	100.0% #ECEBE9	RVB 236 235 233	#ECEBE9

#BFBCB5 #C6C3BD #CECBC5 #D5D3CE #DDDBD7 #E4E3E0 #ECEBE9

#BFBCB5 - #D5D3CE - #ECEBE9

Codes CSS

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

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