#050612 - #B7B7BB | 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 #050612 a #B7B7BB

#050612 #B7B7BB

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

#050612 - #B7B7BB | 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 #050612 como 0% y #B7B7BB como 100%.

0.0%	0.0% #050612	RGB 5 6 18	#050612
16.7%	16.7% #22232E	RGB 34 35 46	#22232E
33.3%	33.3% #40414A	RGB 64 65 74	#40414A
50.0%	50.0% #5E5E66	RGB 94 94 102	#5E5E66
66.7%	66.7% #7B7C82	RGB 123 124 130	#7B7C82
83.3%	83.3% #99999E	RGB 153 153 158	#99999E
100.0%	100.0% #B7B7BB	RGB 183 183 187	#B7B7BB

#050612 #22232E #40414A #5E5E66 #7B7C82 #99999E #B7B7BB

#050612 - #B7B7BB

Mezcla HSV

#050612 - #B7B7BB | 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 #050612 como 0% y #B7B7BB como 100%.

0.0%	0.0% #050612	RGB 5 6 18	#050612
16.7%	16.7% #12142E	RGB 18 20 46	#12142E
33.3%	33.3% #26274A	RGB 38 39 74	#26274A
50.0%	50.0% #404166	RGB 64 65 102	#404166
66.7%	66.7% #616282	RGB 97 98 130	#616282
83.3%	83.3% #88899E	RGB 136 137 158	#88899E
100.0%	100.0% #B7B7BB	RGB 183 183 187	#B7B7BB

#050612 #12142E #26274A #404166 #616282 #88899E #B7B7BB

#050612 - #404166 - #B7B7BB

Códigos CSS

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

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