#120B08 - #BBB9B8 | 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 #120B08 a #BBB9B8

#120B08 #BBB9B8

Calcule el color entre dos colores, #120B08 y #BBB9B8. 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)

#120B08 - #BBB9B8 | 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 #120B08 como 0% y #BBB9B8 como 100%.

0.0%	0.0% #120B08	RGB 18 11 8	#120B08
16.7%	16.7% #2E2825	RGB 46 40 37	#2E2825
33.3%	33.3% #4A4542	RGB 74 69 66	#4A4542
50.0%	50.0% #666260	RGB 102 98 96	#666260
66.7%	66.7% #827F7D	RGB 130 127 125	#827F7D
83.3%	83.3% #9E9C9A	RGB 158 156 154	#9E9C9A
100.0%	100.0% #BBB9B8	RGB 187 185 184	#BBB9B8

#120B08 #2E2825 #4A4542 #666260 #827F7D #9E9C9A #BBB9B8

#120B08 - #BBB9B8

Mezcla HSV

#120B08 - #BBB9B8 | 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 #120B08 como 0% y #BBB9B8 como 100%.

0.0%	0.0% #120B08	RGB 18 11 8	#120B08
16.7%	16.7% #2E1F18	RGB 46 31 24	#2E1F18
33.3%	33.3% #4A372E	RGB 74 55 46	#4A372E
50.0%	50.0% #665249	RGB 102 82 73	#665249
66.7%	66.7% #827169	RGB 130 113 105	#827169
83.3%	83.3% #9E938E	RGB 158 147 142	#9E938E
100.0%	100.0% #BBB9B8	RGB 187 185 184	#BBB9B8

#120B08 #2E1F18 #4A372E #665249 #827169 #9E938E #BBB9B8

#120B08 - #665249 - #BBB9B8

Códigos CSS

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

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