#5A5E3E - #3C4D07 | 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 #5A5E3E a #3C4D07

#5A5E3E #3C4D07

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

#5A5E3E - #3C4D07 | 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 #5A5E3E como 0% y #3C4D07 como 100%.

0.0%	0.0% #5A5E3E	RGB 90 94 62	#5A5E3E
16.7%	16.7% #555B34	RGB 85 91 52	#555B34
33.3%	33.3% #50582B	RGB 80 88 43	#50582B
50.0%	50.0% #4B5522	RGB 75 85 34	#4B5522
66.7%	66.7% #465219	RGB 70 82 25	#465219
83.3%	83.3% #414F10	RGB 65 79 16	#414F10
100.0%	100.0% #3C4D07	RGB 60 77 7	#3C4D07

#5A5E3E #555B34 #50582B #4B5522 #465219 #414F10 #3C4D07

#5A5E3E - #3C4D07

Mezcla HSV

#5A5E3E - #3C4D07 | 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 #5A5E3E como 0% y #3C4D07 como 100%.

0.0%	0.0% #5A5E3E	RGB 90 94 62	#5A5E3E
16.7%	16.7% #555B33	RGB 85 91 51	#555B33
33.3%	33.3% #505829	RGB 80 88 41	#505829
50.0%	50.0% #4B5520	RGB 75 85 32	#4B5520
66.7%	66.7% #465217	RGB 70 82 23	#465217
83.3%	83.3% #414F0E	RGB 65 79 14	#414F0E
100.0%	100.0% #3C4D07	RGB 60 77 7	#3C4D07

#5A5E3E #555B33 #505829 #4B5520 #465217 #414F0E #3C4D07

#5A5E3E - #4B5520 - #3C4D07

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A5E3E 0%, #4B5520 50%, #3C4D07 100%);
    background: -webkit-linear-gradient(top, #5A5E3E 0%, #4B5520 50%, #3C4D07 100%);
    background: linear-gradient(to bottom, #5A5E3E 0%, #4B5520 50%, #3C4D07 100%);
}
</style>