#5E4E2F - #432806 | 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 #5E4E2F a #432806

#5E4E2F #432806

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

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

0.0%	0.0% #5E4E2F	RGB 94 78 47	#5E4E2F
16.7%	16.7% #594728	RGB 89 71 40	#594728
33.3%	33.3% #554121	RGB 85 65 33	#554121
50.0%	50.0% #503B1A	RGB 80 59 26	#503B1A
66.7%	66.7% #4C3413	RGB 76 52 19	#4C3413
83.3%	83.3% #472E0C	RGB 71 46 12	#472E0C
100.0%	100.0% #432806	RGB 67 40 6	#432806

#5E4E2F #594728 #554121 #503B1A #4C3413 #472E0C #432806

#5E4E2F - #432806

Mezcla HSV

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

0.0%	0.0% #5E4E2F	RGB 94 78 47	#5E4E2F
16.7%	16.7% #594726	RGB 89 71 38	#594726
33.3%	33.3% #55401E	RGB 85 64 30	#55401E
50.0%	50.0% #503A17	RGB 80 58 23	#503A17
66.7%	66.7% #4C3311	RGB 76 51 17	#4C3311
83.3%	83.3% #472D0B	RGB 71 45 11	#472D0B
100.0%	100.0% #432806	RGB 67 40 6	#432806

#5E4E2F #594726 #55401E #503A17 #4C3311 #472D0B #432806

#5E4E2F - #503A17 - #432806

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4E2F 0%, #503A17 50%, #432806 100%);
    background: -webkit-linear-gradient(top, #5E4E2F 0%, #503A17 50%, #432806 100%);
    background: linear-gradient(to bottom, #5E4E2F 0%, #503A17 50%, #432806 100%);
}
</style>