#8B0000 - #D52800 | 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 #8B0000 a #D52800

#8B0000 #D52800

Calcule el color entre dos colores, #8B0000 y #D52800. 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)

#8B0000 - #D52800 | 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 #8B0000 como 0% y #D52800 como 100%.

0.0%	0.0% #8B0000	RGB 139 0 0	#8B0000
16.7%	16.7% #970600	RGB 151 6 0	#970600
33.3%	33.3% #A30D00	RGB 163 13 0	#A30D00
50.0%	50.0% #B01400	RGB 176 20 0	#B01400
66.7%	66.7% #BC1A00	RGB 188 26 0	#BC1A00
83.3%	83.3% #C82100	RGB 200 33 0	#C82100
100.0%	100.0% #D52800	RGB 213 40 0	#D52800

#8B0000 #970600 #A30D00 #B01400 #BC1A00 #C82100 #D52800

#8B0000 - #D52800

Mezcla HSV

#8B0000 - #D52800 | 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 #8B0000 como 0% y #D52800 como 100%.

0.0%	0.0% #8B0000	RGB 139 0 0	#8B0000
16.7%	16.7% #970400	RGB 151 4 0	#970400
33.3%	33.3% #A30A00	RGB 163 10 0	#A30A00
50.0%	50.0% #B01000	RGB 176 16 0	#B01000
66.7%	66.7% #BC1700	RGB 188 23 0	#BC1700
83.3%	83.3% #C81F00	RGB 200 31 0	#C81F00
100.0%	100.0% #D52800	RGB 213 40 0	#D52800

#8B0000 #970400 #A30A00 #B01000 #BC1700 #C81F00 #D52800

#8B0000 - #B01000 - #D52800

Códigos CSS

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

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