#5E4846 - #521E08 | 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 #5E4846 a #521E08

#5E4846 #521E08

Calcule el color entre dos colores, #5E4846 y #521E08. 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)

#5E4846 - #521E08 | 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 #5E4846 como 0% y #521E08 como 100%.

0.0%	0.0% #5E4846	RGB 94 72 70	#5E4846
16.7%	16.7% #5C413B	RGB 92 65 59	#5C413B
33.3%	33.3% #5A3A31	RGB 90 58 49	#5A3A31
50.0%	50.0% #583327	RGB 88 51 39	#583327
66.7%	66.7% #562C1C	RGB 86 44 28	#562C1C
83.3%	83.3% #542512	RGB 84 37 18	#542512
100.0%	100.0% #521E08	RGB 82 30 8	#521E08

#5E4846 #5C413B #5A3A31 #583327 #562C1C #542512 #521E08

#5E4846 - #521E08

Mezcla HSV

#5E4846 - #521E08 | 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 #5E4846 como 0% y #521E08 como 100%.

0.0%	0.0% #5E4846	RGB 94 72 70	#5E4846
16.7%	16.7% #5C3E3A	RGB 92 62 58	#5C3E3A
33.3%	33.3% #5A362F	RGB 90 54 47	#5A362F
50.0%	50.0% #582E25	RGB 88 46 37	#582E25
66.7%	66.7% #56281A	RGB 86 40 26	#56281A
83.3%	83.3% #542211	RGB 84 34 17	#542211
100.0%	100.0% #521E08	RGB 82 30 8	#521E08

#5E4846 #5C3E3A #5A362F #582E25 #56281A #542211 #521E08

#5E4846 - #582E25 - #521E08

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4846 0%, #582E25 50%, #521E08 100%);
    background: -webkit-linear-gradient(top, #5E4846 0%, #582E25 50%, #521E08 100%);
    background: linear-gradient(to bottom, #5E4846 0%, #582E25 50%, #521E08 100%);
}
</style>