#B0532C - #801900 | 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 #B0532C a #801900

#B0532C #801900

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

#B0532C - #801900 | 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 #B0532C como 0% y #801900 como 100%.

0.0%	0.0% #B0532C	RGB 176 83 44	#B0532C
16.7%	16.7% #A84924	RGB 168 73 36	#A84924
33.3%	33.3% #A03F1D	RGB 160 63 29	#A03F1D
50.0%	50.0% #983616	RGB 152 54 22	#983616
66.7%	66.7% #902C0E	RGB 144 44 14	#902C0E
83.3%	83.3% #882207	RGB 136 34 7	#882207
100.0%	100.0% #801900	RGB 128 25 0	#801900

#B0532C #A84924 #A03F1D #983616 #902C0E #882207 #801900

#B0532C - #801900

Mezcla HSV

#B0532C - #801900 | 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 #B0532C como 0% y #801900 como 100%.

0.0%	0.0% #B0532C	RGB 176 83 44	#B0532C
16.7%	16.7% #A84822	RGB 168 72 34	#A84822
33.3%	33.3% #A03D1A	RGB 160 61 26	#A03D1A
50.0%	50.0% #983313	RGB 152 51 19	#983313
66.7%	66.7% #902A0B	RGB 144 42 11	#902A0B
83.3%	83.3% #882105	RGB 136 33 5	#882105
100.0%	100.0% #801900	RGB 128 25 0	#801900

#B0532C #A84822 #A03D1A #983313 #902A0B #882105 #801900

#B0532C - #983313 - #801900

Códigos CSS

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

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