#BC8F8F - #FFD7B1 | 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 #BC8F8F a #FFD7B1

#BC8F8F #FFD7B1

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

#BC8F8F - #FFD7B1 | 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 #BC8F8F como 0% y #FFD7B1 como 100%.

0.0%	0.0% #BC8F8F	RGB 188 143 143	#BC8F8F
16.7%	16.7% #C79B94	RGB 199 155 148	#C79B94
33.3%	33.3% #D2A79A	RGB 210 167 154	#D2A79A
50.0%	50.0% #DDB3A0	RGB 221 179 160	#DDB3A0
66.7%	66.7% #E8BFA5	RGB 232 191 165	#E8BFA5
83.3%	83.3% #F3CBAB	RGB 243 203 171	#F3CBAB
100.0%	100.0% #FFD7B1	RGB 255 215 177	#FFD7B1

#BC8F8F #C79B94 #D2A79A #DDB3A0 #E8BFA5 #F3CBAB #FFD7B1

#BC8F8F - #FFD7B1

Mezcla HSV

#BC8F8F - #FFD7B1 | 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 #BC8F8F como 0% y #FFD7B1 como 100%.

0.0%	0.0% #BC8F8F	RGB 188 143 143	#BC8F8F
16.7%	16.7% #C79995	RGB 199 153 149	#C79995
33.3%	33.3% #D2A49B	RGB 210 164 155	#D2A49B
50.0%	50.0% #DDAFA1	RGB 221 175 161	#DDAFA1
66.7%	66.7% #E8BCA6	RGB 232 188 166	#E8BCA6
83.3%	83.3% #F3C9AB	RGB 243 201 171	#F3C9AB
100.0%	100.0% #FFD7B1	RGB 255 215 177	#FFD7B1

#BC8F8F #C79995 #D2A49B #DDAFA1 #E8BCA6 #F3C9AB #FFD7B1

#BC8F8F - #DDAFA1 - #FFD7B1

Códigos CSS

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

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