#5E554C - #4D2B0B | 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 #5E554C a #4D2B0B

#5E554C #4D2B0B

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

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

0.0%	0.0% #5E554C	RGB 94 85 76	#5E554C
16.7%	16.7% #5B4E41	RGB 91 78 65	#5B4E41
33.3%	33.3% #584736	RGB 88 71 54	#584736
50.0%	50.0% #55402B	RGB 85 64 43	#55402B
66.7%	66.7% #523920	RGB 82 57 32	#523920
83.3%	83.3% #4F3215	RGB 79 50 21	#4F3215
100.0%	100.0% #4D2B0B	RGB 77 43 11	#4D2B0B

#5E554C #5B4E41 #584736 #55402B #523920 #4F3215 #4D2B0B

#5E554C - #4D2B0B

Mezcla HSV

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

0.0%	0.0% #5E554C	RGB 94 85 76	#5E554C
16.7%	16.7% #5B4D3F	RGB 91 77 63	#5B4D3F
33.3%	33.3% #584533	RGB 88 69 51	#584533
50.0%	50.0% #553E28	RGB 85 62 40	#553E28
66.7%	66.7% #52371E	RGB 82 55 30	#52371E
83.3%	83.3% #4F3114	RGB 79 49 20	#4F3114
100.0%	100.0% #4D2B0B	RGB 77 43 11	#4D2B0B

#5E554C #5B4D3F #584533 #553E28 #52371E #4F3114 #4D2B0B

#5E554C - #553E28 - #4D2B0B

Códigos CSS

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

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