#161714 - #BCBCBB | 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 #161714 a #BCBCBB

#161714 #BCBCBB

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

#161714 - #BCBCBB | 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 #161714 como 0% y #BCBCBB como 100%.

0.0%	0.0% #161714	RGB 22 23 20	#161714
16.7%	16.7% #31322F	RGB 49 50 47	#31322F
33.3%	33.3% #4D4E4B	RGB 77 78 75	#4D4E4B
50.0%	50.0% #696967	RGB 105 105 103	#696967
66.7%	66.7% #848583	RGB 132 133 131	#848583
83.3%	83.3% #A0A09F	RGB 160 160 159	#A0A09F
100.0%	100.0% #BCBCBB	RGB 188 188 187	#BCBCBB

#161714 #31322F #4D4E4B #696967 #848583 #A0A09F #BCBCBB

#161714 - #BCBCBB

Mezcla HSV

#161714 - #BCBCBB | 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 #161714 como 0% y #BCBCBB como 100%.

0.0%	0.0% #161714	RGB 22 23 20	#161714
16.7%	16.7% #30322C	RGB 48 50 44	#30322C
33.3%	33.3% #4C4E47	RGB 76 78 71	#4C4E47
50.0%	50.0% #686962	RGB 104 105 98	#686962
66.7%	66.7% #84857E	RGB 132 133 126	#84857E
83.3%	83.3% #A0A09C	RGB 160 160 156	#A0A09C
100.0%	100.0% #BCBCBB	RGB 188 188 187	#BCBCBB

#161714 #30322C #4C4E47 #686962 #84857E #A0A09C #BCBCBB

#161714 - #686962 - #BCBCBB

Códigos CSS

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

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