#080804 - #B8B8B7 | 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 #080804 a #B8B8B7

#080804 #B8B8B7

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

#080804 - #B8B8B7 | 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 #080804 como 0% y #B8B8B7 como 100%.

0.0%	0.0% #080804	RGB 8 8 4	#080804
16.7%	16.7% #252521	RGB 37 37 33	#252521
33.3%	33.3% #42423F	RGB 66 66 63	#42423F
50.0%	50.0% #60605D	RGB 96 96 93	#60605D
66.7%	66.7% #7D7D7B	RGB 125 125 123	#7D7D7B
83.3%	83.3% #9A9A99	RGB 154 154 153	#9A9A99
100.0%	100.0% #B8B8B7	RGB 184 184 183	#B8B8B7

#080804 #252521 #42423F #60605D #7D7D7B #9A9A99 #B8B8B7

#080804 - #B8B8B7

Mezcla HSV

#080804 - #B8B8B7 | 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 #080804 como 0% y #B8B8B7 como 100%.

0.0%	0.0% #080804	RGB 8 8 4	#080804
16.7%	16.7% #252515	RGB 37 37 21	#252515
33.3%	33.3% #42422C	RGB 66 66 44	#42422C
50.0%	50.0% #606047	RGB 96 96 71	#606047
66.7%	66.7% #7D7D67	RGB 125 125 103	#7D7D67
83.3%	83.3% #9A9A8D	RGB 154 154 141	#9A9A8D
100.0%	100.0% #B8B8B7	RGB 184 184 183	#B8B8B7

#080804 #252515 #42422C #606047 #7D7D67 #9A9A8D #B8B8B7

#080804 - #606047 - #B8B8B7

Códigos CSS

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

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