#BC9F8F - #352D28 | 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 #BC9F8F a #352D28

#BC9F8F #352D28

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

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

0.0%	0.0% #BC9F8F	RGB 188 159 143	#BC9F8F
16.7%	16.7% #A58C7D	RGB 165 140 125	#A58C7D
33.3%	33.3% #8F796C	RGB 143 121 108	#8F796C
50.0%	50.0% #78665B	RGB 120 102 91	#78665B
66.7%	66.7% #62534A	RGB 98 83 74	#62534A
83.3%	83.3% #4B4039	RGB 75 64 57	#4B4039
100.0%	100.0% #352D28	RGB 53 45 40	#352D28

#BC9F8F #A58C7D #8F796C #78665B #62534A #4B4039 #352D28

#BC9F8F - #352D28

Mezcla HSV

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

0.0%	0.0% #BC9F8F	RGB 188 159 143	#BC9F8F
16.7%	16.7% #A58C7D	RGB 165 140 125	#A58C7D
33.3%	33.3% #8F796C	RGB 143 121 108	#8F796C
50.0%	50.0% #78665B	RGB 120 102 91	#78665B
66.7%	66.7% #62534A	RGB 98 83 74	#62534A
83.3%	83.3% #4B4039	RGB 75 64 57	#4B4039
100.0%	100.0% #352D28	RGB 53 45 40	#352D28

#BC9F8F #A58C7D #8F796C #78665B #62534A #4B4039 #352D28

#BC9F8F - #78665B - #352D28

Códigos CSS

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

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