#5E5D55 - #51520E | 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 #5E5D55 a #51520E

#5E5D55 #51520E

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

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

0.0%	0.0% #5E5D55	RGB 94 93 85	#5E5D55
16.7%	16.7% #5B5B49	RGB 91 91 73	#5B5B49
33.3%	33.3% #59593D	RGB 89 89 61	#59593D
50.0%	50.0% #575731	RGB 87 87 49	#575731
66.7%	66.7% #555525	RGB 85 85 37	#555525
83.3%	83.3% #535319	RGB 83 83 25	#535319
100.0%	100.0% #51520E	RGB 81 82 14	#51520E

#5E5D55 #5B5B49 #59593D #575731 #555525 #535319 #51520E

#5E5D55 - #51520E

Mezcla HSV

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

0.0%	0.0% #5E5D55	RGB 94 93 85	#5E5D55
16.7%	16.7% #5C5A47	RGB 92 90 71	#5C5A47
33.3%	33.3% #5A573B	RGB 90 87 59	#5A573B
50.0%	50.0% #58562F	RGB 88 86 47	#58562F
66.7%	66.7% #565423	RGB 86 84 35	#565423
83.3%	83.3% #545318	RGB 84 83 24	#545318
100.0%	100.0% #51520E	RGB 81 82 14	#51520E

#5E5D55 #5C5A47 #5A573B #58562F #565423 #545318 #51520E

#5E5D55 - #58562F - #51520E

Códigos CSS

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

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