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

#120A08 #BBB9B8

Calcule el color entre dos colores, #120A08 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)

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

0.0%	0.0% #120A08	RGB 18 10 8	#120A08
16.7%	16.7% #2E2725	RGB 46 39 37	#2E2725
33.3%	33.3% #4A4442	RGB 74 68 66	#4A4442
50.0%	50.0% #666160	RGB 102 97 96	#666160
66.7%	66.7% #827E7D	RGB 130 126 125	#827E7D
83.3%	83.3% #9E9B9A	RGB 158 155 154	#9E9B9A
100.0%	100.0% #BBB9B8	RGB 187 185 184	#BBB9B8

#120A08 #2E2725 #4A4442 #666160 #827E7D #9E9B9A #BBB9B8

#120A08 - #BBB9B8

Mezcla HSV

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

0.0%	0.0% #120A08	RGB 18 10 8	#120A08
16.7%	16.7% #2E1D18	RGB 46 29 24	#2E1D18
33.3%	33.3% #4A352E	RGB 74 53 46	#4A352E
50.0%	50.0% #665149	RGB 102 81 73	#665149
66.7%	66.7% #827069	RGB 130 112 105	#827069
83.3%	83.3% #9E938E	RGB 158 147 142	#9E938E
100.0%	100.0% #BBB9B8	RGB 187 185 184	#BBB9B8

#120A08 #2E1D18 #4A352E #665149 #827069 #9E938E #BBB9B8

#120A08 - #665149 - #BBB9B8

Códigos CSS

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

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