#5E5655 - #50180E | 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 #5E5655 a #50180E

#5E5655 #50180E

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

#5E5655 - #50180E | 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 #5E5655 como 0% y #50180E como 100%.

0.0%	0.0% #5E5655	RGB 94 86 85	#5E5655
16.7%	16.7% #5B4B49	RGB 91 75 73	#5B4B49
33.3%	33.3% #59413D	RGB 89 65 61	#59413D
50.0%	50.0% #573731	RGB 87 55 49	#573731
66.7%	66.7% #542C25	RGB 84 44 37	#542C25
83.3%	83.3% #522219	RGB 82 34 25	#522219
100.0%	100.0% #50180E	RGB 80 24 14	#50180E

#5E5655 #5B4B49 #59413D #573731 #542C25 #522219 #50180E

#5E5655 - #50180E

Mezcla HSV

#5E5655 - #50180E | 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 #5E5655 como 0% y #50180E como 100%.

0.0%	0.0% #5E5655	RGB 94 86 85	#5E5655
16.7%	16.7% #5B4A47	RGB 91 74 71	#5B4A47
33.3%	33.3% #593E3B	RGB 89 62 59	#593E3B
50.0%	50.0% #57342E	RGB 87 52 46	#57342E
66.7%	66.7% #542A23	RGB 84 42 35	#542A23
83.3%	83.3% #522018	RGB 82 32 24	#522018
100.0%	100.0% #50180E	RGB 80 24 14	#50180E

#5E5655 #5B4A47 #593E3B #57342E #542A23 #522018 #50180E

#5E5655 - #57342E - #50180E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5655 0%, #57342E 50%, #50180E 100%);
    background: -webkit-linear-gradient(top, #5E5655 0%, #57342E 50%, #50180E 100%);
    background: linear-gradient(to bottom, #5E5655 0%, #57342E 50%, #50180E 100%);
}
</style>