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

#070811 #B8B8BB

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

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

0.0%	0.0% #070811	RGB 7 8 17	#070811
16.7%	16.7% #24252D	RGB 36 37 45	#24252D
33.3%	33.3% #424249	RGB 66 66 73	#424249
50.0%	50.0% #5F6066	RGB 95 96 102	#5F6066
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

#070811 #24252D #424249 #5F6066 #7D7D82 #9A9A9E #B8B8BB

#070811 - #B8B8BB

Mezcla HSV

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

0.0%	0.0% #070811	RGB 7 8 17	#070811
16.7%	16.7% #16182D	RGB 22 24 45	#16182D
33.3%	33.3% #2C2E49	RGB 44 46 73	#2C2E49
50.0%	50.0% #474866	RGB 71 72 102	#474866
66.7%	66.7% #676882	RGB 103 104 130	#676882
83.3%	83.3% #8C8D9E	RGB 140 141 158	#8C8D9E
100.0%	100.0% #B8B8BB	RGB 184 184 187	#B8B8BB

#070811 #16182D #2C2E49 #474866 #676882 #8C8D9E #B8B8BB

#070811 - #474866 - #B8B8BB

Códigos CSS

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

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