#5E4126 - #411F05 | 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 #5E4126 a #411F05

#5E4126 #411F05

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

#5E4126 - #411F05 | 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 #5E4126 como 0% y #411F05 como 100%.

0.0%	0.0% #5E4126	RGB 94 65 38	#5E4126
16.7%	16.7% #593B20	RGB 89 59 32	#593B20
33.3%	33.3% #54351B	RGB 84 53 27	#54351B
50.0%	50.0% #4F3015	RGB 79 48 21	#4F3015
66.7%	66.7% #4A2A0F	RGB 74 42 15	#4A2A0F
83.3%	83.3% #45240A	RGB 69 36 10	#45240A
100.0%	100.0% #411F05	RGB 65 31 5	#411F05

#5E4126 #593B20 #54351B #4F3015 #4A2A0F #45240A #411F05

#5E4126 - #411F05

Mezcla HSV

#5E4126 - #411F05 | 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 #5E4126 como 0% y #411F05 como 100%.

0.0%	0.0% #5E4126	RGB 94 65 38	#5E4126
16.7%	16.7% #593A1F	RGB 89 58 31	#593A1F
33.3%	33.3% #543418	RGB 84 52 24	#543418
50.0%	50.0% #4F2E13	RGB 79 46 19	#4F2E13
66.7%	66.7% #4A290D	RGB 74 41 13	#4A290D
83.3%	83.3% #452309	RGB 69 35 9	#452309
100.0%	100.0% #411F05	RGB 65 31 5	#411F05

#5E4126 #593A1F #543418 #4F2E13 #4A290D #452309 #411F05

#5E4126 - #4F2E13 - #411F05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4126 0%, #4F2E13 50%, #411F05 100%);
    background: -webkit-linear-gradient(top, #5E4126 0%, #4F2E13 50%, #411F05 100%);
    background: linear-gradient(to bottom, #5E4126 0%, #4F2E13 50%, #411F05 100%);
}
</style>