#4D0202 - #8C281A | 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 #4D0202 a #8C281A

#4D0202 #8C281A

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

#4D0202 - #8C281A | 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 #4D0202 como 0% y #8C281A como 100%.

0.0%	0.0% #4D0202	RGB 77 2 2	#4D0202
16.7%	16.7% #570806	RGB 87 8 6	#570806
33.3%	33.3% #620E0A	RGB 98 14 10	#620E0A
50.0%	50.0% #6C150E	RGB 108 21 14	#6C150E
66.7%	66.7% #771B12	RGB 119 27 18	#771B12
83.3%	83.3% #812116	RGB 129 33 22	#812116
100.0%	100.0% #8C281A	RGB 140 40 26	#8C281A

#4D0202 #570806 #620E0A #6C150E #771B12 #812116 #8C281A

#4D0202 - #8C281A

Mezcla HSV

#4D0202 - #8C281A | 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 #4D0202 como 0% y #8C281A como 100%.

0.0%	0.0% #4D0202	RGB 77 2 2	#4D0202
16.7%	16.7% #570604	RGB 87 6 4	#570604
33.3%	33.3% #620B07	RGB 98 11 7	#620B07
50.0%	50.0% #6C110B	RGB 108 17 11	#6C110B
66.7%	66.7% #77180F	RGB 119 24 15	#77180F
83.3%	83.3% #811F14	RGB 129 31 20	#811F14
100.0%	100.0% #8C281A	RGB 140 40 26	#8C281A

#4D0202 #570604 #620B07 #6C110B #77180F #811F14 #8C281A

#4D0202 - #6C110B - #8C281A

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D0202 0%, #6C110B 50%, #8C281A 100%);
    background: -webkit-linear-gradient(top, #4D0202 0%, #6C110B 50%, #8C281A 100%);
    background: linear-gradient(to bottom, #4D0202 0%, #6C110B 50%, #8C281A 100%);
}
</style>