#5E5145 - #4B2809 | 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 #5E5145 a #4B2809

#5E5145 #4B2809

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

#5E5145 - #4B2809 | 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 #5E5145 como 0% y #4B2809 como 100%.

0.0%	0.0% #5E5145	RGB 94 81 69	#5E5145
16.7%	16.7% #5A4A3B	RGB 90 74 59	#5A4A3B
33.3%	33.3% #574331	RGB 87 67 49	#574331
50.0%	50.0% #543C27	RGB 84 60 39	#543C27
66.7%	66.7% #51351D	RGB 81 53 29	#51351D
83.3%	83.3% #4E2E13	RGB 78 46 19	#4E2E13
100.0%	100.0% #4B2809	RGB 75 40 9	#4B2809

#5E5145 #5A4A3B #574331 #543C27 #51351D #4E2E13 #4B2809

#5E5145 - #4B2809

Mezcla HSV

#5E5145 - #4B2809 | 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 #5E5145 como 0% y #4B2809 como 100%.

0.0%	0.0% #5E5145	RGB 94 81 69	#5E5145
16.7%	16.7% #5A4939	RGB 90 73 57	#5A4939
33.3%	33.3% #57422E	RGB 87 66 46	#57422E
50.0%	50.0% #543B24	RGB 84 59 36	#543B24
66.7%	66.7% #51341A	RGB 81 52 26	#51341A
83.3%	83.3% #4E2E11	RGB 78 46 17	#4E2E11
100.0%	100.0% #4B2809	RGB 75 40 9	#4B2809

#5E5145 #5A4939 #57422E #543B24 #51341A #4E2E11 #4B2809

#5E5145 - #543B24 - #4B2809

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5145 0%, #543B24 50%, #4B2809 100%);
    background: -webkit-linear-gradient(top, #5E5145 0%, #543B24 50%, #4B2809 100%);
    background: linear-gradient(to bottom, #5E5145 0%, #543B24 50%, #4B2809 100%);
}
</style>