#BCBDB3 - #ECEACA | 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 #BCBDB3 à #ECEACA

#BCBDB3 #ECEACA

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

#BCBDB3 - #ECEACA | 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 #BCBDB3 0% et #ECEACA 100%.

0.0%	0.0% #BCBDB3	RVB 188 189 179	#BCBDB3
16.7%	16.7% #C4C4B6	RVB 196 196 182	#C4C4B6
33.3%	33.3% #CCCCBA	RVB 204 204 186	#CCCCBA
50.0%	50.0% #D4D3BE	RVB 212 211 190	#D4D3BE
66.7%	66.7% #DCDBC2	RVB 220 219 194	#DCDBC2
83.3%	83.3% #E4E2C6	RVB 228 226 198	#E4E2C6
100.0%	100.0% #ECEACA	RVB 236 234 202	#ECEACA

#BCBDB3 #C4C4B6 #CCCCBA #D4D3BE #DCDBC2 #E4E2C6 #ECEACA

#BCBDB3 - #ECEACA

Mélange HSV

#BCBDB3 - #ECEACA | 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 #BCBDB3 0% et #ECEACA 100%.

0.0%	0.0% #BCBDB3	RVB 188 189 179	#BCBDB3
16.7%	16.7% #C3C4B7	RVB 195 196 183	#C3C4B7
33.3%	33.3% #CBCCBB	RVB 203 204 187	#CBCCBB
50.0%	50.0% #D4D4BF	RVB 212 212 191	#D4D4BF
66.7%	66.7% #DCDCC3	RVB 220 220 195	#DCDCC3
83.3%	83.3% #E4E3C6	RVB 228 227 198	#E4E3C6
100.0%	100.0% #ECEACA	RVB 236 234 202	#ECEACA

#BCBDB3 #C3C4B7 #CBCCBB #D4D4BF #DCDCC3 #E4E3C6 #ECEACA

#BCBDB3 - #D4D4BF - #ECEACA

Codes CSS

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

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