#BFAC9A - #ECE7E2 | 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 #BFAC9A a #ECE7E2

#BFAC9A #ECE7E2

Calcule el color entre dos colores, #BFAC9A y #ECE7E2. 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)

#BFAC9A - #ECE7E2 | 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 #BFAC9A como 0% y #ECE7E2 como 100%.

0.0%	0.0% #BFAC9A	RGB 191 172 154	#BFAC9A
16.7%	16.7% #C6B5A6	RGB 198 181 166	#C6B5A6
33.3%	33.3% #CEBFB2	RGB 206 191 178	#CEBFB2
50.0%	50.0% #D5C9BE	RGB 213 201 190	#D5C9BE
66.7%	66.7% #DDD3CA	RGB 221 211 202	#DDD3CA
83.3%	83.3% #E4DDD6	RGB 228 221 214	#E4DDD6
100.0%	100.0% #ECE7E2	RGB 236 231 226	#ECE7E2

#BFAC9A #C6B5A6 #CEBFB2 #D5C9BE #DDD3CA #E4DDD6 #ECE7E2

#BFAC9A - #ECE7E2

Mezcla HSV

#BFAC9A - #ECE7E2 | 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 #BFAC9A como 0% y #ECE7E2 como 100%.

0.0%	0.0% #BFAC9A	RGB 191 172 154	#BFAC9A
16.7%	16.7% #C6B5A5	RGB 198 181 165	#C6B5A5
33.3%	33.3% #CEBEB0	RGB 206 190 176	#CEBEB0
50.0%	50.0% #D5C8BC	RGB 213 200 188	#D5C8BC
66.7%	66.7% #DDD2C8	RGB 221 210 200	#DDD2C8
83.3%	83.3% #E4DCD5	RGB 228 220 213	#E4DCD5
100.0%	100.0% #ECE7E2	RGB 236 231 226	#ECE7E2

#BFAC9A #C6B5A5 #CEBEB0 #D5C8BC #DDD2C8 #E4DCD5 #ECE7E2

#BFAC9A - #D5C8BC - #ECE7E2

Códigos CSS

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

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