#161510 - #BCBCBA | 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 #161510 a #BCBCBA

#161510 #BCBCBA

Calcule el color entre dos colores, #161510 y #BCBCBA. 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)

#161510 - #BCBCBA | 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 #161510 como 0% y #BCBCBA como 100%.

0.0%	0.0% #161510	RGB 22 21 16	#161510
16.7%	16.7% #31302C	RGB 49 48 44	#31302C
33.3%	33.3% #4D4C48	RGB 77 76 72	#4D4C48
50.0%	50.0% #696865	RGB 105 104 101	#696865
66.7%	66.7% #848481	RGB 132 132 129	#848481
83.3%	83.3% #A0A09D	RGB 160 160 157	#A0A09D
100.0%	100.0% #BCBCBA	RGB 188 188 186	#BCBCBA

#161510 #31302C #4D4C48 #696865 #848481 #A0A09D #BCBCBA

#161510 - #BCBCBA

Mezcla HSV

#161510 - #BCBCBA | 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 #161510 como 0% y #BCBCBA como 100%.

0.0%	0.0% #161510	RGB 22 21 16	#161510
16.7%	16.7% #313026	RGB 49 48 38	#313026
33.3%	33.3% #4D4B3E	RGB 77 75 62	#4D4B3E
50.0%	50.0% #69675A	RGB 105 103 90	#69675A
66.7%	66.7% #848377	RGB 132 131 119	#848377
83.3%	83.3% #A0A097	RGB 160 160 151	#A0A097
100.0%	100.0% #BCBCBA	RGB 188 188 186	#BCBCBA

#161510 #313026 #4D4B3E #69675A #848377 #A0A097 #BCBCBA

#161510 - #69675A - #BCBCBA

Códigos CSS

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

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