#5E5C46 - #4D4E09 | 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 #5E5C46 a #4D4E09

#5E5C46 #4D4E09

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

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

0.0%	0.0% #5E5C46	RGB 94 92 70	#5E5C46
16.7%	16.7% #5B593B	RGB 91 89 59	#5B593B
33.3%	33.3% #585731	RGB 88 87 49	#585731
50.0%	50.0% #555527	RGB 85 85 39	#555527
66.7%	66.7% #52521D	RGB 82 82 29	#52521D
83.3%	83.3% #4F5013	RGB 79 80 19	#4F5013
100.0%	100.0% #4D4E09	RGB 77 78 9	#4D4E09

#5E5C46 #5B593B #585731 #555527 #52521D #4F5013 #4D4E09

#5E5C46 - #4D4E09

Mezcla HSV

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

0.0%	0.0% #5E5C46	RGB 94 92 70	#5E5C46
16.7%	16.7% #5B593A	RGB 91 89 58	#5B593A
33.3%	33.3% #58562F	RGB 88 86 47	#58562F
50.0%	50.0% #565424	RGB 86 84 36	#565424
66.7%	66.7% #53521B	RGB 83 82 27	#53521B
83.3%	83.3% #505011	RGB 80 80 17	#505011
100.0%	100.0% #4D4E09	RGB 77 78 9	#4D4E09

#5E5C46 #5B593A #58562F #565424 #53521B #505011 #4D4E09

#5E5C46 - #565424 - #4D4E09

Códigos CSS

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

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