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

#BFB09C #ECE7E2

Calcule el color entre dos colores, #BFB09C 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)

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

0.0%	0.0% #BFB09C	RGB 191 176 156	#BFB09C
16.7%	16.7% #C6B9A7	RGB 198 185 167	#C6B9A7
33.3%	33.3% #CEC2B3	RGB 206 194 179	#CEC2B3
50.0%	50.0% #D5CBBF	RGB 213 203 191	#D5CBBF
66.7%	66.7% #DDD4CA	RGB 221 212 202	#DDD4CA
83.3%	83.3% #E4DDD6	RGB 228 221 214	#E4DDD6
100.0%	100.0% #ECE7E2	RGB 236 231 226	#ECE7E2

#BFB09C #C6B9A7 #CEC2B3 #D5CBBF #DDD4CA #E4DDD6 #ECE7E2

#BFB09C - #ECE7E2

Mezcla HSV

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

0.0%	0.0% #BFB09C	RGB 191 176 156	#BFB09C
16.7%	16.7% #C6B8A6	RGB 198 184 166	#C6B8A6
33.3%	33.3% #CEC1B1	RGB 206 193 177	#CEC1B1
50.0%	50.0% #D5CABD	RGB 213 202 189	#D5CABD
66.7%	66.7% #DDD3C9	RGB 221 211 201	#DDD3C9
83.3%	83.3% #E4DDD5	RGB 228 221 213	#E4DDD5
100.0%	100.0% #ECE7E2	RGB 236 231 226	#ECE7E2

#BFB09C #C6B8A6 #CEC1B1 #D5CABD #DDD3C9 #E4DDD5 #ECE7E2

#BFB09C - #D5CABD - #ECE7E2

Códigos CSS

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

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