#5E533E - #472B07 | 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 #5E533E a #472B07

#5E533E #472B07

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

#5E533E - #472B07 | 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 #5E533E como 0% y #472B07 como 100%.

0.0%	0.0% #5E533E	RGB 94 83 62	#5E533E
16.7%	16.7% #5A4C34	RGB 90 76 52	#5A4C34
33.3%	33.3% #56452B	RGB 86 69 43	#56452B
50.0%	50.0% #523F22	RGB 82 63 34	#523F22
66.7%	66.7% #4E3819	RGB 78 56 25	#4E3819
83.3%	83.3% #4A3110	RGB 74 49 16	#4A3110
100.0%	100.0% #472B07	RGB 71 43 7	#472B07

#5E533E #5A4C34 #56452B #523F22 #4E3819 #4A3110 #472B07

#5E533E - #472B07

Mezcla HSV

#5E533E - #472B07 | 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 #5E533E como 0% y #472B07 como 100%.

0.0%	0.0% #5E533E	RGB 94 83 62	#5E533E
16.7%	16.7% #5A4C33	RGB 90 76 51	#5A4C33
33.3%	33.3% #564528	RGB 86 69 40	#564528
50.0%	50.0% #523E1F	RGB 82 62 31	#523E1F
66.7%	66.7% #4E3716	RGB 78 55 22	#4E3716
83.3%	83.3% #4A310E	RGB 74 49 14	#4A310E
100.0%	100.0% #472B07	RGB 71 43 7	#472B07

#5E533E #5A4C33 #564528 #523E1F #4E3716 #4A310E #472B07

#5E533E - #523E1F - #472B07

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E533E 0%, #523E1F 50%, #472B07 100%);
    background: -webkit-linear-gradient(top, #5E533E 0%, #523E1F 50%, #472B07 100%);
    background: linear-gradient(to bottom, #5E533E 0%, #523E1F 50%, #472B07 100%);
}
</style>