#5E4D3E - #4A2607 | 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 #5E4D3E a #4A2607

#5E4D3E #4A2607

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

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

0.0%	0.0% #5E4D3E	RGB 94 77 62	#5E4D3E
16.7%	16.7% #5A4634	RGB 90 70 52	#5A4634
33.3%	33.3% #57402B	RGB 87 64 43	#57402B
50.0%	50.0% #543922	RGB 84 57 34	#543922
66.7%	66.7% #503319	RGB 80 51 25	#503319
83.3%	83.3% #4D2C10	RGB 77 44 16	#4D2C10
100.0%	100.0% #4A2607	RGB 74 38 7	#4A2607

#5E4D3E #5A4634 #57402B #543922 #503319 #4D2C10 #4A2607

#5E4D3E - #4A2607

Mezcla HSV

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

0.0%	0.0% #5E4D3E	RGB 94 77 62	#5E4D3E
16.7%	16.7% #5A4533	RGB 90 69 51	#5A4533
33.3%	33.3% #573E29	RGB 87 62 41	#573E29
50.0%	50.0% #54381F	RGB 84 56 31	#54381F
66.7%	66.7% #503116	RGB 80 49 22	#503116
83.3%	83.3% #4D2B0E	RGB 77 43 14	#4D2B0E
100.0%	100.0% #4A2607	RGB 74 38 7	#4A2607

#5E4D3E #5A4533 #573E29 #54381F #503116 #4D2B0E #4A2607

#5E4D3E - #54381F - #4A2607

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D3E 0%, #54381F 50%, #4A2607 100%);
    background: -webkit-linear-gradient(top, #5E4D3E 0%, #54381F 50%, #4A2607 100%);
    background: linear-gradient(to bottom, #5E4D3E 0%, #54381F 50%, #4A2607 100%);
}
</style>