#1A1614 - #BDBCBB | 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 #1A1614 a #BDBCBB

#1A1614 #BDBCBB

Calcule el color entre dos colores, #1A1614 y #BDBCBB. 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)

#1A1614 - #BDBCBB | 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 #1A1614 como 0% y #BDBCBB como 100%.

0.0%	0.0% #1A1614	RGB 26 22 20	#1A1614
16.7%	16.7% #35312F	RGB 53 49 47	#35312F
33.3%	33.3% #504D4B	RGB 80 77 75	#504D4B
50.0%	50.0% #6B6967	RGB 107 105 103	#6B6967
66.7%	66.7% #868483	RGB 134 132 131	#868483
83.3%	83.3% #A1A09F	RGB 161 160 159	#A1A09F
100.0%	100.0% #BDBCBB	RGB 189 188 187	#BDBCBB

#1A1614 #35312F #504D4B #6B6967 #868483 #A1A09F #BDBCBB

#1A1614 - #BDBCBB

Mezcla HSV

#1A1614 - #BDBCBB | 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 #1A1614 como 0% y #BDBCBB como 100%.

0.0%	0.0% #1A1614	RGB 26 22 20	#1A1614
16.7%	16.7% #352E2A	RGB 53 46 42	#352E2A
33.3%	33.3% #504843	RGB 80 72 67	#504843
50.0%	50.0% #6B635E	RGB 107 99 94	#6B635E
66.7%	66.7% #86807B	RGB 134 128 123	#86807B
83.3%	83.3% #A19D9A	RGB 161 157 154	#A19D9A
100.0%	100.0% #BDBCBB	RGB 189 188 187	#BDBCBB

#1A1614 #352E2A #504843 #6B635E #86807B #A19D9A #BDBCBB

#1A1614 - #6B635E - #BDBCBB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A1614 0%, #6B635E 50%, #BDBCBB 100%);
    background: -webkit-linear-gradient(top, #1A1614 0%, #6B635E 50%, #BDBCBB 100%);
    background: linear-gradient(to bottom, #1A1614 0%, #6B635E 50%, #BDBCBB 100%);
}
</style>