#16150A - #BCBCB9 | 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 #16150A a #BCBCB9

#16150A #BCBCB9

Calcule el color entre dos colores, #16150A y #BCBCB9. 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)

#16150A - #BCBCB9 | 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 #16150A como 0% y #BCBCB9 como 100%.

0.0%	0.0% #16150A	RGB 22 21 10	#16150A
16.7%	16.7% #313027	RGB 49 48 39	#313027
33.3%	33.3% #4D4C44	RGB 77 76 68	#4D4C44
50.0%	50.0% #696861	RGB 105 104 97	#696861
66.7%	66.7% #84847E	RGB 132 132 126	#84847E
83.3%	83.3% #A0A09B	RGB 160 160 155	#A0A09B
100.0%	100.0% #BCBCB9	RGB 188 188 185	#BCBCB9

#16150A #313027 #4D4C44 #696861 #84847E #A0A09B #BCBCB9

#16150A - #BCBCB9

Mezcla HSV

#16150A - #BCBCB9 | 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 #16150A como 0% y #BCBCB9 como 100%.

0.0%	0.0% #16150A	RGB 22 21 10	#16150A
16.7%	16.7% #31301A	RGB 49 48 26	#31301A
33.3%	33.3% #4D4B30	RGB 77 75 48	#4D4B30
50.0%	50.0% #69674B	RGB 105 103 75	#69674B
66.7%	66.7% #84836B	RGB 132 131 107	#84836B
83.3%	83.3% #A0A08F	RGB 160 160 143	#A0A08F
100.0%	100.0% #BCBCB9	RGB 188 188 185	#BCBCB9

#16150A #31301A #4D4B30 #69674B #84836B #A0A08F #BCBCB9

#16150A - #69674B - #BCBCB9

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #16150A 0%, #69674B 50%, #BCBCB9 100%);
    background: -webkit-linear-gradient(top, #16150A 0%, #69674B 50%, #BCBCB9 100%);
    background: linear-gradient(to bottom, #16150A 0%, #69674B 50%, #BCBCB9 100%);
}
</style>