#5E3736 - #490A05 | 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 #5E3736 a #490A05

#5E3736 #490A05

Calcule el color entre dos colores, #5E3736 y #490A05. 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)

#5E3736 - #490A05 | 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 #5E3736 como 0% y #490A05 como 100%.

0.0%	0.0% #5E3736	RGB 94 55 54	#5E3736
16.7%	16.7% #5A2F2D	RGB 90 47 45	#5A2F2D
33.3%	33.3% #572825	RGB 87 40 37	#572825
50.0%	50.0% #53201D	RGB 83 32 29	#53201D
66.7%	66.7% #501915	RGB 80 25 21	#501915
83.3%	83.3% #4C110D	RGB 76 17 13	#4C110D
100.0%	100.0% #490A05	RGB 73 10 5	#490A05

#5E3736 #5A2F2D #572825 #53201D #501915 #4C110D #490A05

#5E3736 - #490A05

Mezcla HSV

#5E3736 - #490A05 | 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 #5E3736 como 0% y #490A05 como 100%.

0.0%	0.0% #5E3736	RGB 94 55 54	#5E3736
16.7%	16.7% #5A2D2C	RGB 90 45 44	#5A2D2C
33.3%	33.3% #572523	RGB 87 37 35	#572523
50.0%	50.0% #531D1A	RGB 83 29 26	#531D1A
66.7%	66.7% #501612	RGB 80 22 18	#501612
83.3%	83.3% #4C0F0B	RGB 76 15 11	#4C0F0B
100.0%	100.0% #490A05	RGB 73 10 5	#490A05

#5E3736 #5A2D2C #572523 #531D1A #501612 #4C0F0B #490A05

#5E3736 - #531D1A - #490A05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3736 0%, #531D1A 50%, #490A05 100%);
    background: -webkit-linear-gradient(top, #5E3736 0%, #531D1A 50%, #490A05 100%);
    background: linear-gradient(to bottom, #5E3736 0%, #531D1A 50%, #490A05 100%);
}
</style>