#BC9C8F - #352B28 | 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 #BC9C8F a #352B28

#BC9C8F #352B28

Calcule el color entre dos colores, #BC9C8F y #352B28. 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)

#BC9C8F - #352B28 | 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 #BC9C8F como 0% y #352B28 como 100%.

0.0%	0.0% #BC9C8F	RGB 188 156 143	#BC9C8F
16.7%	16.7% #A5897D	RGB 165 137 125	#A5897D
33.3%	33.3% #8F766C	RGB 143 118 108	#8F766C
50.0%	50.0% #78635B	RGB 120 99 91	#78635B
66.7%	66.7% #62504A	RGB 98 80 74	#62504A
83.3%	83.3% #4B3D39	RGB 75 61 57	#4B3D39
100.0%	100.0% #352B28	RGB 53 43 40	#352B28

#BC9C8F #A5897D #8F766C #78635B #62504A #4B3D39 #352B28

#BC9C8F - #352B28

Mezcla HSV

#BC9C8F - #352B28 | 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 #BC9C8F como 0% y #352B28 como 100%.

0.0%	0.0% #BC9C8F	RGB 188 156 143	#BC9C8F
16.7%	16.7% #A5887D	RGB 165 136 125	#A5887D
33.3%	33.3% #8F756C	RGB 143 117 108	#8F756C
50.0%	50.0% #78625B	RGB 120 98 91	#78625B
66.7%	66.7% #62504A	RGB 98 80 74	#62504A
83.3%	83.3% #4B3D39	RGB 75 61 57	#4B3D39
100.0%	100.0% #352B28	RGB 53 43 40	#352B28

#BC9C8F #A5887D #8F756C #78625B #62504A #4B3D39 #352B28

#BC9C8F - #78625B - #352B28

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC9C8F 0%, #78625B 50%, #352B28 100%);
    background: -webkit-linear-gradient(top, #BC9C8F 0%, #78625B 50%, #352B28 100%);
    background: linear-gradient(to bottom, #BC9C8F 0%, #78625B 50%, #352B28 100%);
}
</style>