#800000 - #DAB6B6 | 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 #800000 a #DAB6B6

#800000 #DAB6B6

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

#800000 - #DAB6B6 | 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 #800000 como 0% y #DAB6B6 como 100%.

0.0%	0.0% #800000	RGB 128 0 0	#800000
16.7%	16.7% #8F1E1E	RGB 143 30 30	#8F1E1E
33.3%	33.3% #9E3C3C	RGB 158 60 60	#9E3C3C
50.0%	50.0% #AD5B5B	RGB 173 91 91	#AD5B5B
66.7%	66.7% #BC7979	RGB 188 121 121	#BC7979
83.3%	83.3% #CB9797	RGB 203 151 151	#CB9797
100.0%	100.0% #DAB6B6	RGB 218 182 182	#DAB6B6

#800000 #8F1E1E #9E3C3C #AD5B5B #BC7979 #CB9797 #DAB6B6

#800000 - #DAB6B6

Mezcla HSV

#800000 - #DAB6B6 | 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 #800000 como 0% y #DAB6B6 como 100%.

0.0%	0.0% #800000	RGB 128 0 0	#800000
16.7%	16.7% #8F1313	RGB 143 19 19	#8F1313
33.3%	33.3% #9E2B2B	RGB 158 43 43	#9E2B2B
50.0%	50.0% #AD4848	RGB 173 72 72	#AD4848
66.7%	66.7% #BC6868	RGB 188 104 104	#BC6868
83.3%	83.3% #CB8D8D	RGB 203 141 141	#CB8D8D
100.0%	100.0% #DAB6B6	RGB 218 182 182	#DAB6B6

#800000 #8F1313 #9E2B2B #AD4848 #BC6868 #CB8D8D #DAB6B6

#800000 - #AD4848 - #DAB6B6

Códigos CSS

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

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