#801414 - #400F08 | 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 #801414 a #400F08

#801414 #400F08

Calcule el color entre dos colores, #801414 y #400F08. 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)

#801414 - #400F08 | 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 #801414 como 0% y #400F08 como 100%.

0.0%	0.0% #801414	RGB 128 20 20	#801414
16.7%	16.7% #751312	RGB 117 19 18	#751312
33.3%	33.3% #6A1210	RGB 106 18 16	#6A1210
50.0%	50.0% #60110E	RGB 96 17 14	#60110E
66.7%	66.7% #55100C	RGB 85 16 12	#55100C
83.3%	83.3% #4A0F0A	RGB 74 15 10	#4A0F0A
100.0%	100.0% #400F08	RGB 64 15 8	#400F08

#801414 #751312 #6A1210 #60110E #55100C #4A0F0A #400F08

#801414 - #400F08

Mezcla HSV

#801414 - #400F08 | 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 #801414 como 0% y #400F08 como 100%.

0.0%	0.0% #801414	RGB 128 20 20	#801414
16.7%	16.7% #751311	RGB 117 19 17	#751311
33.3%	33.3% #6A130F	RGB 106 19 15	#6A130F
50.0%	50.0% #60120D	RGB 96 18 13	#60120D
66.7%	66.7% #55110B	RGB 85 17 11	#55110B
83.3%	83.3% #4A1009	RGB 74 16 9	#4A1009
100.0%	100.0% #400F08	RGB 64 15 8	#400F08

#801414 #751311 #6A130F #60120D #55110B #4A1009 #400F08

#801414 - #60120D - #400F08

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #801414 0%, #60120D 50%, #400F08 100%);
    background: -webkit-linear-gradient(top, #801414 0%, #60120D 50%, #400F08 100%);
    background: linear-gradient(to bottom, #801414 0%, #60120D 50%, #400F08 100%);
}
</style>