#000110 - #B6B6BA | 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 #000110 a #B6B6BA

#000110 #B6B6BA

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

#000110 - #B6B6BA | 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 #000110 como 0% y #B6B6BA como 100%.

0.0%	0.0% #000110	RGB 0 1 16	#000110
16.7%	16.7% #1E1F2C	RGB 30 31 44	#1E1F2C
33.3%	33.3% #3C3D48	RGB 60 61 72	#3C3D48
50.0%	50.0% #5B5B65	RGB 91 91 101	#5B5B65
66.7%	66.7% #797981	RGB 121 121 129	#797981
83.3%	83.3% #97979D	RGB 151 151 157	#97979D
100.0%	100.0% #B6B6BA	RGB 182 182 186	#B6B6BA

#000110 #1E1F2C #3C3D48 #5B5B65 #797981 #97979D #B6B6BA

#000110 - #B6B6BA

Mezcla HSV

#000110 - #B6B6BA | 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 #000110 como 0% y #B6B6BA como 100%.

0.0%	0.0% #000110	RGB 0 1 16	#000110
16.7%	16.7% #07092C	RGB 7 9 44	#07092C
33.3%	33.3% #171948	RGB 23 25 72	#171948
50.0%	50.0% #313365	RGB 49 51 101	#313365
66.7%	66.7% #545581	RGB 84 85 129	#545581
83.3%	83.3% #80809D	RGB 128 128 157	#80809D
100.0%	100.0% #B6B6BA	RGB 182 182 186	#B6B6BA

#000110 #07092C #171948 #313365 #545581 #80809D #B6B6BA

#000110 - #313365 - #B6B6BA

Códigos CSS

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

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