#BDA79B - #ECE6E2 | 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 #BDA79B a #ECE6E2

#BDA79B #ECE6E2

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

#BDA79B - #ECE6E2 | 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 #BDA79B como 0% y #ECE6E2 como 100%.

0.0%	0.0% #BDA79B	RGB 189 167 155	#BDA79B
16.7%	16.7% #C4B1A6	RGB 196 177 166	#C4B1A6
33.3%	33.3% #CCBCB2	RGB 204 188 178	#CCBCB2
50.0%	50.0% #D4C6BE	RGB 212 198 190	#D4C6BE
66.7%	66.7% #DCD1CA	RGB 220 209 202	#DCD1CA
83.3%	83.3% #E4DBD6	RGB 228 219 214	#E4DBD6
100.0%	100.0% #ECE6E2	RGB 236 230 226	#ECE6E2

#BDA79B #C4B1A6 #CCBCB2 #D4C6BE #DCD1CA #E4DBD6 #ECE6E2

#BDA79B - #ECE6E2

Mezcla HSV

#BDA79B - #ECE6E2 | 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 #BDA79B como 0% y #ECE6E2 como 100%.

0.0%	0.0% #BDA79B	RGB 189 167 155	#BDA79B
16.7%	16.7% #C4B1A5	RGB 196 177 165	#C4B1A5
33.3%	33.3% #CCBBB1	RGB 204 187 177	#CCBBB1
50.0%	50.0% #D4C5BC	RGB 212 197 188	#D4C5BC
66.7%	66.7% #DCD0C8	RGB 220 208 200	#DCD0C8
83.3%	83.3% #E4DBD5	RGB 228 219 213	#E4DBD5
100.0%	100.0% #ECE6E2	RGB 236 230 226	#ECE6E2

#BDA79B #C4B1A5 #CCBBB1 #D4C5BC #DCD0C8 #E4DBD5 #ECE6E2

#BDA79B - #D4C5BC - #ECE6E2

Códigos CSS

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

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