#5E4136 - #491D05 | 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 #5E4136 a #491D05

#5E4136 #491D05

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

#5E4136 - #491D05 | 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 #5E4136 como 0% y #491D05 como 100%.

0.0%	0.0% #5E4136	RGB 94 65 54	#5E4136
16.7%	16.7% #5A3B2D	RGB 90 59 45	#5A3B2D
33.3%	33.3% #573525	RGB 87 53 37	#573525
50.0%	50.0% #532F1D	RGB 83 47 29	#532F1D
66.7%	66.7% #502915	RGB 80 41 21	#502915
83.3%	83.3% #4C230D	RGB 76 35 13	#4C230D
100.0%	100.0% #491D05	RGB 73 29 5	#491D05

#5E4136 #5A3B2D #573525 #532F1D #502915 #4C230D #491D05

#5E4136 - #491D05

Mezcla HSV

#5E4136 - #491D05 | 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 #5E4136 como 0% y #491D05 como 100%.

0.0%	0.0% #5E4136	RGB 94 65 54	#5E4136
16.7%	16.7% #5A392C	RGB 90 57 44	#5A392C
33.3%	33.3% #573223	RGB 87 50 35	#573223
50.0%	50.0% #532C1A	RGB 83 44 26	#532C1A
66.7%	66.7% #502612	RGB 80 38 18	#502612
83.3%	83.3% #4C210B	RGB 76 33 11	#4C210B
100.0%	100.0% #491D05	RGB 73 29 5	#491D05

#5E4136 #5A392C #573223 #532C1A #502612 #4C210B #491D05

#5E4136 - #532C1A - #491D05

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4136 0%, #532C1A 50%, #491D05 100%);
    background: -webkit-linear-gradient(top, #5E4136 0%, #532C1A 50%, #491D05 100%);
    background: linear-gradient(to bottom, #5E4136 0%, #532C1A 50%, #491D05 100%);
}
</style>