#5E554D - #4E2A0B | 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 #5E554D a #4E2A0B

#5E554D #4E2A0B

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

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

0.0%	0.0% #5E554D	RGB 94 85 77	#5E554D
16.7%	16.7% #5B4D42	RGB 91 77 66	#5B4D42
33.3%	33.3% #584637	RGB 88 70 55	#584637
50.0%	50.0% #563F2C	RGB 86 63 44	#563F2C
66.7%	66.7% #533820	RGB 83 56 32	#533820
83.3%	83.3% #503116	RGB 80 49 22	#503116
100.0%	100.0% #4E2A0B	RGB 78 42 11	#4E2A0B

#5E554D #5B4D42 #584637 #563F2C #533820 #503116 #4E2A0B

#5E554D - #4E2A0B

Mezcla HSV

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

0.0%	0.0% #5E554D	RGB 94 85 77	#5E554D
16.7%	16.7% #5B4D40	RGB 91 77 64	#5B4D40
33.3%	33.3% #584534	RGB 88 69 52	#584534
50.0%	50.0% #563E29	RGB 86 62 41	#563E29
66.7%	66.7% #53371E	RGB 83 55 30	#53371E
83.3%	83.3% #503014	RGB 80 48 20	#503014
100.0%	100.0% #4E2A0B	RGB 78 42 11	#4E2A0B

#5E554D #5B4D40 #584534 #563E29 #53371E #503014 #4E2A0B

#5E554D - #563E29 - #4E2A0B

Códigos CSS

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

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