#BC8F8F - #A0433A | 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 #A0433A

#BC8F8F #A0433A

Calcule el color entre dos colores, #BC8F8F y #A0433A. 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 - #A0433A | 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 #A0433A como 100%.

0.0%	0.0% #BC8F8F	RGB 188 143 143	#BC8F8F
16.7%	16.7% #B78280	RGB 183 130 128	#B78280
33.3%	33.3% #B27572	RGB 178 117 114	#B27572
50.0%	50.0% #AE6964	RGB 174 105 100	#AE6964
66.7%	66.7% #A95C56	RGB 169 92 86	#A95C56
83.3%	83.3% #A44F48	RGB 164 79 72	#A44F48
100.0%	100.0% #A0433A	RGB 160 67 58	#A0433A

#BC8F8F #B78280 #B27572 #AE6964 #A95C56 #A44F48 #A0433A

#BC8F8F - #A0433A

Mezcla HSV

#BC8F8F - #A0433A | 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 #A0433A como 100%.

0.0%	0.0% #BC8F8F	RGB 188 143 143	#BC8F8F
16.7%	16.7% #B7807F	RGB 183 128 127	#B7807F
33.3%	33.3% #B27270	RGB 178 114 112	#B27270
50.0%	50.0% #AE6561	RGB 174 101 97	#AE6561
66.7%	66.7% #A95853	RGB 169 88 83	#A95853
83.3%	83.3% #A44D46	RGB 164 77 70	#A44D46
100.0%	100.0% #A0433A	RGB 160 67 58	#A0433A

#BC8F8F #B7807F #B27270 #AE6561 #A95853 #A44D46 #A0433A

#BC8F8F - #AE6561 - #A0433A

Códigos CSS

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

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