#161818 - #BCBDBD | 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 #161818 a #BCBDBD

#161818 #BCBDBD

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

#161818 - #BCBDBD | 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 #161818 como 0% y #BCBDBD como 100%.

0.0%	0.0% #161818	RGB 22 24 24	#161818
16.7%	16.7% #313333	RGB 49 51 51	#313333
33.3%	33.3% #4D4F4F	RGB 77 79 79	#4D4F4F
50.0%	50.0% #696A6A	RGB 105 106 106	#696A6A
66.7%	66.7% #848686	RGB 132 134 134	#848686
83.3%	83.3% #A0A1A1	RGB 160 161 161	#A0A1A1
100.0%	100.0% #BCBDBD	RGB 188 189 189	#BCBDBD

#161818 #313333 #4D4F4F #696A6A #848686 #A0A1A1 #BCBDBD

#161818 - #BCBDBD

Mezcla HSV

#161818 - #BCBDBD | 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 #161818 como 0% y #BCBDBD como 100%.

0.0%	0.0% #161818	RGB 22 24 24	#161818
16.7%	16.7% #2F3333	RGB 47 51 51	#2F3333
33.3%	33.3% #4A4F4F	RGB 74 79 79	#4A4F4F
50.0%	50.0% #656A6A	RGB 101 106 106	#656A6A
66.7%	66.7% #818686	RGB 129 134 134	#818686
83.3%	83.3% #9EA1A1	RGB 158 161 161	#9EA1A1
100.0%	100.0% #BCBDBD	RGB 188 189 189	#BCBDBD

#161818 #2F3333 #4A4F4F #656A6A #818686 #9EA1A1 #BCBDBD

#161818 - #656A6A - #BCBDBD

Códigos CSS

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

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