#5E4A36 - #472406 | 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 #5E4A36 a #472406

#5E4A36 #472406

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

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

0.0%	0.0% #5E4A36	RGB 94 74 54	#5E4A36
16.7%	16.7% #5A432E	RGB 90 67 46	#5A432E
33.3%	33.3% #563D26	RGB 86 61 38	#563D26
50.0%	50.0% #52371E	RGB 82 55 30	#52371E
66.7%	66.7% #4E3016	RGB 78 48 22	#4E3016
83.3%	83.3% #4A2A0E	RGB 74 42 14	#4A2A0E
100.0%	100.0% #472406	RGB 71 36 6	#472406

#5E4A36 #5A432E #563D26 #52371E #4E3016 #4A2A0E #472406

#5E4A36 - #472406

Mezcla HSV

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

0.0%	0.0% #5E4A36	RGB 94 74 54	#5E4A36
16.7%	16.7% #5A432C	RGB 90 67 44	#5A432C
33.3%	33.3% #563C23	RGB 86 60 35	#563C23
50.0%	50.0% #52351B	RGB 82 53 27	#52351B
66.7%	66.7% #4E2F13	RGB 78 47 19	#4E2F13
83.3%	83.3% #4A290C	RGB 74 41 12	#4A290C
100.0%	100.0% #472406	RGB 71 36 6	#472406

#5E4A36 #5A432C #563C23 #52351B #4E2F13 #4A290C #472406

#5E4A36 - #52351B - #472406

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4A36 0%, #52351B 50%, #472406 100%);
    background: -webkit-linear-gradient(top, #5E4A36 0%, #52351B 50%, #472406 100%);
    background: linear-gradient(to bottom, #5E4A36 0%, #52351B 50%, #472406 100%);
}
</style>