#BC9F8F - #9C593B | 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 #9C593B

#BC9F8F #9C593B

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

0.0%	0.0% #BC9F8F	RGB 188 159 143	#BC9F8F
16.7%	16.7% #B69381	RGB 182 147 129	#B69381
33.3%	33.3% #B18773	RGB 177 135 115	#B18773
50.0%	50.0% #AC7C65	RGB 172 124 101	#AC7C65
66.7%	66.7% #A67057	RGB 166 112 87	#A67057
83.3%	83.3% #A16449	RGB 161 100 73	#A16449
100.0%	100.0% #9C593B	RGB 156 89 59	#9C593B

#BC9F8F #B69381 #B18773 #AC7C65 #A67057 #A16449 #9C593B

#BC9F8F - #9C593B

Mezcla HSV

#BC9F8F - #9C593B | 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 #9C593B como 100%.

0.0%	0.0% #BC9F8F	RGB 188 159 143	#BC9F8F
16.7%	16.7% #B6927F	RGB 182 146 127	#B6927F
33.3%	33.3% #B18670	RGB 177 134 112	#B18670
50.0%	50.0% #AC7A61	RGB 172 122 97	#AC7A61
66.7%	66.7% #A66F54	RGB 166 111 84	#A66F54
83.3%	83.3% #A16347	RGB 161 99 71	#A16347
100.0%	100.0% #9C593B	RGB 156 89 59	#9C593B

#BC9F8F #B6927F #B18670 #AC7A61 #A66F54 #A16347 #9C593B

#BC9F8F - #AC7A61 - #9C593B

Códigos CSS

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

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