#080912 - #B8B8BB | 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 #080912 a #B8B8BB

#080912 #B8B8BB

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

#080912 - #B8B8BB | 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 #080912 como 0% y #B8B8BB como 100%.

0.0%	0.0% #080912	RGB 8 9 18	#080912
16.7%	16.7% #25262E	RGB 37 38 46	#25262E
33.3%	33.3% #42434A	RGB 66 67 74	#42434A
50.0%	50.0% #606066	RGB 96 96 102	#606066
66.7%	66.7% #7D7D82	RGB 125 125 130	#7D7D82
83.3%	83.3% #9A9A9E	RGB 154 154 158	#9A9A9E
100.0%	100.0% #B8B8BB	RGB 184 184 187	#B8B8BB

#080912 #25262E #42434A #606066 #7D7D82 #9A9A9E #B8B8BB

#080912 - #B8B8BB

Mezcla HSV

#080912 - #B8B8BB | 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 #080912 como 0% y #B8B8BB como 100%.

0.0%	0.0% #080912	RGB 8 9 18	#080912
16.7%	16.7% #181A2E	RGB 24 26 46	#181A2E
33.3%	33.3% #2E304A	RGB 46 48 74	#2E304A
50.0%	50.0% #494A66	RGB 73 74 102	#494A66
66.7%	66.7% #696982	RGB 105 105 130	#696982
83.3%	83.3% #8E8E9E	RGB 142 142 158	#8E8E9E
100.0%	100.0% #B8B8BB	RGB 184 184 187	#B8B8BB

#080912 #181A2E #2E304A #494A66 #696982 #8E8E9E #B8B8BB

#080912 - #494A66 - #B8B8BB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080912 0%, #494A66 50%, #B8B8BB 100%);
    background: -webkit-linear-gradient(top, #080912 0%, #494A66 50%, #B8B8BB 100%);
    background: linear-gradient(to bottom, #080912 0%, #494A66 50%, #B8B8BB 100%);
}
</style>