#BF9F7E - #ECE3DA | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #BF9F7E a #ECE3DA

#BF9F7E #ECE3DA

Calcule el color entre dos colores, #BF9F7E y #ECE3DA. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#BF9F7E - #ECE3DA | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #BF9F7E como 0% y #ECE3DA como 100%.

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

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

#BF9F7E - #ECE3DA

Mezcla HSV

#BF9F7E - #ECE3DA | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #BF9F7E como 0% y #ECE3DA como 100%.

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

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

#BF9F7E - #D5BFA9 - #ECE3DA

Códigos 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>