#BF9F7E - #ECE3DA | 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 #BF9F7E à #ECE3DA

#BF9F7E #ECE3DA

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

#BF9F7E - #ECE3DA | 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 #BF9F7E 0% et #ECE3DA 100%.

0.0%	0.0% #BF9F7E	RVB 191 159 126	#BF9F7E
16.7%	16.7% #C6AA8D	RVB 198 170 141	#C6AA8D
33.3%	33.3% #CEB59C	RVB 206 181 156	#CEB59C
50.0%	50.0% #D5C1AC	RVB 213 193 172	#D5C1AC
66.7%	66.7% #DDCCBB	RVB 221 204 187	#DDCCBB
83.3%	83.3% #E4D7CA	RVB 228 215 202	#E4D7CA
100.0%	100.0% #ECE3DA	RVB 236 227 218	#ECE3DA

#BF9F7E #C6AA8D #CEB59C #D5C1AC #DDCCBB #E4D7CA #ECE3DA

#BF9F7E - #ECE3DA

Mélange HSV

#BF9F7E - #ECE3DA | 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 #BF9F7E 0% et #ECE3DA 100%.

0.0%	0.0% #BF9F7E	RVB 191 159 126	#BF9F7E
16.7%	16.7% #C6A98B	RVB 198 169 139	#C6A98B
33.3%	33.3% #CEB49A	RVB 206 180 154	#CEB49A
50.0%	50.0% #D5BFA9	RVB 213 191 169	#D5BFA9
66.7%	66.7% #DDCAB8	RVB 221 202 184	#DDCAB8
83.3%	83.3% #E4D6C9	RVB 228 214 201	#E4D6C9
100.0%	100.0% #ECE3DA	RVB 236 227 218	#ECE3DA

#BF9F7E #C6A98B #CEB49A #D5BFA9 #DDCAB8 #E4D6C9 #ECE3DA

#BF9F7E - #D5BFA9 - #ECE3DA

Codes CSS

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

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