#5E5855 - #522A0E | 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 #5E5855 a #522A0E

#5E5855 #522A0E

Calcule el color entre dos colores, #5E5855 y #522A0E. 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)

#5E5855 - #522A0E | 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 #5E5855 como 0% y #522A0E como 100%.

0.0%	0.0% #5E5855	RGB 94 88 85	#5E5855
16.7%	16.7% #5C5049	RGB 92 80 73	#5C5049
33.3%	33.3% #5A483D	RGB 90 72 61	#5A483D
50.0%	50.0% #584131	RGB 88 65 49	#584131
66.7%	66.7% #563925	RGB 86 57 37	#563925
83.3%	83.3% #543119	RGB 84 49 25	#543119
100.0%	100.0% #522A0E	RGB 82 42 14	#522A0E

#5E5855 #5C5049 #5A483D #584131 #563925 #543119 #522A0E

#5E5855 - #522A0E

Mezcla HSV

#5E5855 - #522A0E | 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 #5E5855 como 0% y #522A0E como 100%.

0.0%	0.0% #5E5855	RGB 94 88 85	#5E5855
16.7%	16.7% #5C4E47	RGB 92 78 71	#5C4E47
33.3%	33.3% #5A463B	RGB 90 70 59	#5A463B
50.0%	50.0% #583E2F	RGB 88 62 47	#583E2F
66.7%	66.7% #563723	RGB 86 55 35	#563723
83.3%	83.3% #543018	RGB 84 48 24	#543018
100.0%	100.0% #522A0E	RGB 82 42 14	#522A0E

#5E5855 #5C4E47 #5A463B #583E2F #563723 #543018 #522A0E

#5E5855 - #583E2F - #522A0E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5855 0%, #583E2F 50%, #522A0E 100%);
    background: -webkit-linear-gradient(top, #5E5855 0%, #583E2F 50%, #522A0E 100%);
    background: linear-gradient(to bottom, #5E5855 0%, #583E2F 50%, #522A0E 100%);
}
</style>