#5E5B36 - #494705 | 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 #5E5B36 a #494705

#5E5B36 #494705

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

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

0.0%	0.0% #5E5B36	RGB 94 91 54	#5E5B36
16.7%	16.7% #5A572D	RGB 90 87 45	#5A572D
33.3%	33.3% #575425	RGB 87 84 37	#575425
50.0%	50.0% #53511D	RGB 83 81 29	#53511D
66.7%	66.7% #504D15	RGB 80 77 21	#504D15
83.3%	83.3% #4C4A0D	RGB 76 74 13	#4C4A0D
100.0%	100.0% #494705	RGB 73 71 5	#494705

#5E5B36 #5A572D #575425 #53511D #504D15 #4C4A0D #494705

#5E5B36 - #494705

Mezcla HSV

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

0.0%	0.0% #5E5B36	RGB 94 91 54	#5E5B36
16.7%	16.7% #5A572C	RGB 90 87 44	#5A572C
33.3%	33.3% #575323	RGB 87 83 35	#575323
50.0%	50.0% #53501A	RGB 83 80 26	#53501A
66.7%	66.7% #504D12	RGB 80 77 18	#504D12
83.3%	83.3% #4C4A0B	RGB 76 74 11	#4C4A0B
100.0%	100.0% #494705	RGB 73 71 5	#494705

#5E5B36 #5A572C #575323 #53501A #504D12 #4C4A0B #494705

#5E5B36 - #53501A - #494705

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5B36 0%, #53501A 50%, #494705 100%);
    background: -webkit-linear-gradient(top, #5E5B36 0%, #53501A 50%, #494705 100%);
    background: linear-gradient(to bottom, #5E5B36 0%, #53501A 50%, #494705 100%);
}
</style>