#090616 - #B8B7BC | 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 #090616 a #B8B7BC

#090616 #B8B7BC

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

#090616 - #B8B7BC | 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 #090616 como 0% y #B8B7BC como 100%.

0.0%	0.0% #090616	RGB 9 6 22	#090616
16.7%	16.7% #262331	RGB 38 35 49	#262331
33.3%	33.3% #43414D	RGB 67 65 77	#43414D
50.0%	50.0% #605E69	RGB 96 94 105	#605E69
66.7%	66.7% #7D7C84	RGB 125 124 132	#7D7C84
83.3%	83.3% #9A99A0	RGB 154 153 160	#9A99A0
100.0%	100.0% #B8B7BC	RGB 184 183 188	#B8B7BC

#090616 #262331 #43414D #605E69 #7D7C84 #9A99A0 #B8B7BC

#090616 - #B8B7BC

Mezcla HSV

#090616 - #B8B7BC | 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 #090616 como 0% y #B8B7BC como 100%.

0.0%	0.0% #090616	RGB 9 6 22	#090616
16.7%	16.7% #191331	RGB 25 19 49	#191331
33.3%	33.3% #2E274D	RGB 46 39 77	#2E274D
50.0%	50.0% #494169	RGB 73 65 105	#494169
66.7%	66.7% #686284	RGB 104 98 132	#686284
83.3%	83.3% #8D89A0	RGB 141 137 160	#8D89A0
100.0%	100.0% #B8B7BC	RGB 184 183 188	#B8B7BC

#090616 #191331 #2E274D #494169 #686284 #8D89A0 #B8B7BC

#090616 - #494169 - #B8B7BC

Códigos CSS

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

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