#091A1A - #B8BDBD | 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 #091A1A a #B8BDBD

#091A1A #B8BDBD

Calcule el color entre dos colores, #091A1A y #B8BDBD. 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)

#091A1A - #B8BDBD | 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 #091A1A como 0% y #B8BDBD como 100%.

0.0%	0.0% #091A1A	RGB 9 26 26	#091A1A
16.7%	16.7% #263535	RGB 38 53 53	#263535
33.3%	33.3% #435050	RGB 67 80 80	#435050
50.0%	50.0% #606B6B	RGB 96 107 107	#606B6B
66.7%	66.7% #7D8686	RGB 125 134 134	#7D8686
83.3%	83.3% #9AA1A1	RGB 154 161 161	#9AA1A1
100.0%	100.0% #B8BDBD	RGB 184 189 189	#B8BDBD

#091A1A #263535 #435050 #606B6B #7D8686 #9AA1A1 #B8BDBD

#091A1A - #B8BDBD

Mezcla HSV

#091A1A - #B8BDBD | 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 #091A1A como 0% y #B8BDBD como 100%.

0.0%	0.0% #091A1A	RGB 9 26 26	#091A1A
16.7%	16.7% #173535	RGB 23 53 53	#173535
33.3%	33.3% #2C5050	RGB 44 80 80	#2C5050
50.0%	50.0% #466B6B	RGB 70 107 107	#466B6B
66.7%	66.7% #668686	RGB 102 134 134	#668686
83.3%	83.3% #8CA1A1	RGB 140 161 161	#8CA1A1
100.0%	100.0% #B8BDBD	RGB 184 189 189	#B8BDBD

#091A1A #173535 #2C5050 #466B6B #668686 #8CA1A1 #B8BDBD

#091A1A - #466B6B - #B8BDBD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #091A1A 0%, #466B6B 50%, #B8BDBD 100%);
    background: -webkit-linear-gradient(top, #091A1A 0%, #466B6B 50%, #B8BDBD 100%);
    background: linear-gradient(to bottom, #091A1A 0%, #466B6B 50%, #B8BDBD 100%);
}
</style>