#5E4D3C - #492607 | 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 #5E4D3C a #492607

#5E4D3C #492607

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

#5E4D3C - #492607 | 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 #5E4D3C como 0% y #492607 como 100%.

0.0%	0.0% #5E4D3C	RGB 94 77 60	#5E4D3C
16.7%	16.7% #5A4633	RGB 90 70 51	#5A4633
33.3%	33.3% #57402A	RGB 87 64 42	#57402A
50.0%	50.0% #533921	RGB 83 57 33	#533921
66.7%	66.7% #503318	RGB 80 51 24	#503318
83.3%	83.3% #4C2C0F	RGB 76 44 15	#4C2C0F
100.0%	100.0% #492607	RGB 73 38 7	#492607

#5E4D3C #5A4633 #57402A #533921 #503318 #4C2C0F #492607

#5E4D3C - #492607

Mezcla HSV

#5E4D3C - #492607 | 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 #5E4D3C como 0% y #492607 como 100%.

0.0%	0.0% #5E4D3C	RGB 94 77 60	#5E4D3C
16.7%	16.7% #5A4531	RGB 90 69 49	#5A4531
33.3%	33.3% #573E27	RGB 87 62 39	#573E27
50.0%	50.0% #53381E	RGB 83 56 30	#53381E
66.7%	66.7% #503116	RGB 80 49 22	#503116
83.3%	83.3% #4C2B0E	RGB 76 43 14	#4C2B0E
100.0%	100.0% #492607	RGB 73 38 7	#492607

#5E4D3C #5A4531 #573E27 #53381E #503116 #4C2B0E #492607

#5E4D3C - #53381E - #492607

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4D3C 0%, #53381E 50%, #492607 100%);
    background: -webkit-linear-gradient(top, #5E4D3C 0%, #53381E 50%, #492607 100%);
    background: linear-gradient(to bottom, #5E4D3C 0%, #53381E 50%, #492607 100%);
}
</style>