#5E4646 - #531C08 | 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 #5E4646 a #531C08

#5E4646 #531C08

Calcule el color entre dos colores, #5E4646 y #531C08. 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)

#5E4646 - #531C08 | 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 #5E4646 como 0% y #531C08 como 100%.

0.0%	0.0% #5E4646	RGB 94 70 70	#5E4646
16.7%	16.7% #5C3F3B	RGB 92 63 59	#5C3F3B
33.3%	33.3% #5A3831	RGB 90 56 49	#5A3831
50.0%	50.0% #583127	RGB 88 49 39	#583127
66.7%	66.7% #562A1C	RGB 86 42 28	#562A1C
83.3%	83.3% #542312	RGB 84 35 18	#542312
100.0%	100.0% #531C08	RGB 83 28 8	#531C08

#5E4646 #5C3F3B #5A3831 #583127 #562A1C #542312 #531C08

#5E4646 - #531C08

Mezcla HSV

#5E4646 - #531C08 | 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 #5E4646 como 0% y #531C08 como 100%.

0.0%	0.0% #5E4646	RGB 94 70 70	#5E4646
16.7%	16.7% #5C3C3A	RGB 92 60 58	#5C3C3A
33.3%	33.3% #5A332F	RGB 90 51 47	#5A332F
50.0%	50.0% #582C25	RGB 88 44 37	#582C25
66.7%	66.7% #56251B	RGB 86 37 27	#56251B
83.3%	83.3% #542011	RGB 84 32 17	#542011
100.0%	100.0% #531C08	RGB 83 28 8	#531C08

#5E4646 #5C3C3A #5A332F #582C25 #56251B #542011 #531C08

#5E4646 - #582C25 - #531C08

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E4646 0%, #582C25 50%, #531C08 100%);
    background: -webkit-linear-gradient(top, #5E4646 0%, #582C25 50%, #531C08 100%);
    background: linear-gradient(to bottom, #5E4646 0%, #582C25 50%, #531C08 100%);
}
</style>