#5E594D - #49300B | 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 #5E594D a #49300B

#5E594D #49300B

Calcule el color entre dos colores, #5E594D y #49300B. 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)

#5E594D - #49300B | 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 #5E594D como 0% y #49300B como 100%.

0.0%	0.0% #5E594D	RGB 94 89 77	#5E594D
16.7%	16.7% #5A5242	RGB 90 82 66	#5A5242
33.3%	33.3% #574B37	RGB 87 75 55	#574B37
50.0%	50.0% #53442C	RGB 83 68 44	#53442C
66.7%	66.7% #503D20	RGB 80 61 32	#503D20
83.3%	83.3% #4C3616	RGB 76 54 22	#4C3616
100.0%	100.0% #49300B	RGB 73 48 11	#49300B

#5E594D #5A5242 #574B37 #53442C #503D20 #4C3616 #49300B

#5E594D - #49300B

Mezcla HSV

#5E594D - #49300B | 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 #5E594D como 0% y #49300B como 100%.

0.0%	0.0% #5E594D	RGB 94 89 77	#5E594D
16.7%	16.7% #5A5240	RGB 90 82 64	#5A5240
33.3%	33.3% #574B33	RGB 87 75 51	#574B33
50.0%	50.0% #534428	RGB 83 68 40	#534428
66.7%	66.7% #503D1D	RGB 80 61 29	#503D1D
83.3%	83.3% #4C3614	RGB 76 54 20	#4C3614
100.0%	100.0% #49300B	RGB 73 48 11	#49300B

#5E594D #5A5240 #574B33 #534428 #503D1D #4C3614 #49300B

#5E594D - #534428 - #49300B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E594D 0%, #534428 50%, #49300B 100%);
    background: -webkit-linear-gradient(top, #5E594D 0%, #534428 50%, #49300B 100%);
    background: linear-gradient(to bottom, #5E594D 0%, #534428 50%, #49300B 100%);
}
</style>