#BC9A8F - #EBE2DF | 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 #BC9A8F a #EBE2DF

#BC9A8F #EBE2DF

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

#BC9A8F - #EBE2DF | 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 #BC9A8F como 0% y #EBE2DF como 100%.

0.0%	0.0% #BC9A8F	RGB 188 154 143	#BC9A8F
16.7%	16.7% #C3A69C	RGB 195 166 156	#C3A69C
33.3%	33.3% #CBB2A9	RGB 203 178 169	#CBB2A9
50.0%	50.0% #D3BEB7	RGB 211 190 183	#D3BEB7
66.7%	66.7% #DBCAC4	RGB 219 202 196	#DBCAC4
83.3%	83.3% #E3D6D1	RGB 227 214 209	#E3D6D1
100.0%	100.0% #EBE2DF	RGB 235 226 223	#EBE2DF

#BC9A8F #C3A69C #CBB2A9 #D3BEB7 #DBCAC4 #E3D6D1 #EBE2DF

#BC9A8F - #EBE2DF

Mezcla HSV

#BC9A8F - #EBE2DF | 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 #BC9A8F como 0% y #EBE2DF como 100%.

0.0%	0.0% #BC9A8F	RGB 188 154 143	#BC9A8F
16.7%	16.7% #C3A59B	RGB 195 165 155	#C3A59B
33.3%	33.3% #CBB0A7	RGB 203 176 167	#CBB0A7
50.0%	50.0% #D3BCB4	RGB 211 188 180	#D3BCB4
66.7%	66.7% #DBC8C2	RGB 219 200 194	#DBC8C2
83.3%	83.3% #E3D5D0	RGB 227 213 208	#E3D5D0
100.0%	100.0% #EBE2DF	RGB 235 226 223	#EBE2DF

#BC9A8F #C3A59B #CBB0A7 #D3BCB4 #DBC8C2 #E3D5D0 #EBE2DF

#BC9A8F - #D3BCB4 - #EBE2DF

Códigos CSS

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

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