#160906 - #BCB8B7 | 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 #160906 a #BCB8B7

#160906 #BCB8B7

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

#160906 - #BCB8B7 | 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 #160906 como 0% y #BCB8B7 como 100%.

0.0%	0.0% #160906	RGB 22 9 6	#160906
16.7%	16.7% #312623	RGB 49 38 35	#312623
33.3%	33.3% #4D4341	RGB 77 67 65	#4D4341
50.0%	50.0% #69605E	RGB 105 96 94	#69605E
66.7%	66.7% #847D7C	RGB 132 125 124	#847D7C
83.3%	83.3% #A09A99	RGB 160 154 153	#A09A99
100.0%	100.0% #BCB8B7	RGB 188 184 183	#BCB8B7

#160906 #312623 #4D4341 #69605E #847D7C #A09A99 #BCB8B7

#160906 - #BCB8B7

Mezcla HSV

#160906 - #BCB8B7 | 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 #160906 como 0% y #BCB8B7 como 100%.

0.0%	0.0% #160906	RGB 22 9 6	#160906
16.7%	16.7% #311913	RGB 49 25 19	#311913
33.3%	33.3% #4D2E27	RGB 77 46 39	#4D2E27
50.0%	50.0% #694941	RGB 105 73 65	#694941
66.7%	66.7% #846862	RGB 132 104 98	#846862
83.3%	83.3% #A08D89	RGB 160 141 137	#A08D89
100.0%	100.0% #BCB8B7	RGB 188 184 183	#BCB8B7

#160906 #311913 #4D2E27 #694941 #846862 #A08D89 #BCB8B7

#160906 - #694941 - #BCB8B7

Códigos CSS

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

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