#5E3C3A - #4D1806 | 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 #5E3C3A a #4D1806

#5E3C3A #4D1806

Calcule el color entre dos colores, #5E3C3A y #4D1806. 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)

#5E3C3A - #4D1806 | 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 #5E3C3A como 0% y #4D1806 como 100%.

0.0%	0.0% #5E3C3A	RGB 94 60 58	#5E3C3A
16.7%	16.7% #5B3631	RGB 91 54 49	#5B3631
33.3%	33.3% #583028	RGB 88 48 40	#583028
50.0%	50.0% #552A20	RGB 85 42 32	#552A20
66.7%	66.7% #522417	RGB 82 36 23	#522417
83.3%	83.3% #4F1E0E	RGB 79 30 14	#4F1E0E
100.0%	100.0% #4D1806	RGB 77 24 6	#4D1806

#5E3C3A #5B3631 #583028 #552A20 #522417 #4F1E0E #4D1806

#5E3C3A - #4D1806

Mezcla HSV

#5E3C3A - #4D1806 | 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 #5E3C3A como 0% y #4D1806 como 100%.

0.0%	0.0% #5E3C3A	RGB 94 60 58	#5E3C3A
16.7%	16.7% #5B3330	RGB 91 51 48	#5B3330
33.3%	33.3% #582C26	RGB 88 44 38	#582C26
50.0%	50.0% #55261D	RGB 85 38 29	#55261D
66.7%	66.7% #522015	RGB 82 32 21	#522015
83.3%	83.3% #4F1C0D	RGB 79 28 13	#4F1C0D
100.0%	100.0% #4D1806	RGB 77 24 6	#4D1806

#5E3C3A #5B3330 #582C26 #55261D #522015 #4F1C0D #4D1806

#5E3C3A - #55261D - #4D1806

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C3A 0%, #55261D 50%, #4D1806 100%);
    background: -webkit-linear-gradient(top, #5E3C3A 0%, #55261D 50%, #4D1806 100%);
    background: linear-gradient(to bottom, #5E3C3A 0%, #55261D 50%, #4D1806 100%);
}
</style>