#5E3E26 - #421E05 | 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 #5E3E26 a #421E05

#5E3E26 #421E05

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

#5E3E26 - #421E05 | 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 #5E3E26 como 0% y #421E05 como 100%.

0.0%	0.0% #5E3E26	RGB 94 62 38	#5E3E26
16.7%	16.7% #593820	RGB 89 56 32	#593820
33.3%	33.3% #54331B	RGB 84 51 27	#54331B
50.0%	50.0% #502E15	RGB 80 46 21	#502E15
66.7%	66.7% #4B280F	RGB 75 40 15	#4B280F
83.3%	83.3% #46230A	RGB 70 35 10	#46230A
100.0%	100.0% #421E05	RGB 66 30 5	#421E05

#5E3E26 #593820 #54331B #502E15 #4B280F #46230A #421E05

#5E3E26 - #421E05

Mezcla HSV

#5E3E26 - #421E05 | 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 #5E3E26 como 0% y #421E05 como 100%.

0.0%	0.0% #5E3E26	RGB 94 62 38	#5E3E26
16.7%	16.7% #59371F	RGB 89 55 31	#59371F
33.3%	33.3% #543218	RGB 84 50 24	#543218
50.0%	50.0% #502C13	RGB 80 44 19	#502C13
66.7%	66.7% #4B270D	RGB 75 39 13	#4B270D
83.3%	83.3% #462209	RGB 70 34 9	#462209
100.0%	100.0% #421E05	RGB 66 30 5	#421E05

#5E3E26 #59371F #543218 #502C13 #4B270D #462209 #421E05

#5E3E26 - #502C13 - #421E05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E26 0%, #502C13 50%, #421E05 100%);
    background: -webkit-linear-gradient(top, #5E3E26 0%, #502C13 50%, #421E05 100%);
    background: linear-gradient(to bottom, #5E3E26 0%, #502C13 50%, #421E05 100%);
}
</style>