#B6B7AC - #ECE8C4 | 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 #B6B7AC à #ECE8C4

#B6B7AC #ECE8C4

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

#B6B7AC - #ECE8C4 | 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 #B6B7AC 0% et #ECE8C4 100%.

0.0%	0.0% #B6B7AC	RVB 182 183 172	#B6B7AC
16.7%	16.7% #BFBFB0	RVB 191 191 176	#BFBFB0
33.3%	33.3% #C8C7B4	RVB 200 199 180	#C8C7B4
50.0%	50.0% #D1CFB8	RVB 209 207 184	#D1CFB8
66.7%	66.7% #DAD7BC	RVB 218 215 188	#DAD7BC
83.3%	83.3% #E3DFC0	RVB 227 223 192	#E3DFC0
100.0%	100.0% #ECE8C4	RVB 236 232 196	#ECE8C4

#B6B7AC #BFBFB0 #C8C7B4 #D1CFB8 #DAD7BC #E3DFC0 #ECE8C4

#B6B7AC - #ECE8C4

Mélange HSV

#B6B7AC - #ECE8C4 | 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 #B6B7AC 0% et #ECE8C4 100%.

0.0%	0.0% #B6B7AC	RVB 182 183 172	#B6B7AC
16.7%	16.7% #BEBFB0	RVB 190 191 176	#BEBFB0
33.3%	33.3% #C8C8B5	RVB 200 200 181	#C8C8B5
50.0%	50.0% #D1D1B9	RVB 209 209 185	#D1D1B9
66.7%	66.7% #DAD9BD	RVB 218 217 189	#DAD9BD
83.3%	83.3% #E3E0C0	RVB 227 224 192	#E3E0C0
100.0%	100.0% #ECE8C4	RVB 236 232 196	#ECE8C4

#B6B7AC #BEBFB0 #C8C8B5 #D1D1B9 #DAD9BD #E3E0C0 #ECE8C4

#B6B7AC - #D1D1B9 - #ECE8C4

Codes CSS

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

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