#8B5E4D - #271A16 | 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 #8B5E4D a #271A16

#8B5E4D #271A16

Calcule el color entre dos colores, #8B5E4D y #271A16. 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)

#8B5E4D - #271A16 | 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 #8B5E4D como 0% y #271A16 como 100%.

0.0%	0.0% #8B5E4D	RGB 139 94 77	#8B5E4D
16.7%	16.7% #7A5243	RGB 122 82 67	#7A5243
33.3%	33.3% #69473A	RGB 105 71 58	#69473A
50.0%	50.0% #593C31	RGB 89 60 49	#593C31
66.7%	66.7% #483028	RGB 72 48 40	#483028
83.3%	83.3% #37251F	RGB 55 37 31	#37251F
100.0%	100.0% #271A16	RGB 39 26 22	#271A16

#8B5E4D #7A5243 #69473A #593C31 #483028 #37251F #271A16

#8B5E4D - #271A16

Mezcla HSV

#8B5E4D - #271A16 | 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 #8B5E4D como 0% y #271A16 como 100%.

0.0%	0.0% #8B5E4D	RGB 139 94 77	#8B5E4D
16.7%	16.7% #7A5243	RGB 122 82 67	#7A5243
33.3%	33.3% #69473A	RGB 105 71 58	#69473A
50.0%	50.0% #593B31	RGB 89 59 49	#593B31
66.7%	66.7% #483028	RGB 72 48 40	#483028
83.3%	83.3% #37251F	RGB 55 37 31	#37251F
100.0%	100.0% #271A16	RGB 39 26 22	#271A16

#8B5E4D #7A5243 #69473A #593B31 #483028 #37251F #271A16

#8B5E4D - #593B31 - #271A16

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B5E4D 0%, #593B31 50%, #271A16 100%);
    background: -webkit-linear-gradient(top, #8B5E4D 0%, #593B31 50%, #271A16 100%);
    background: linear-gradient(to bottom, #8B5E4D 0%, #593B31 50%, #271A16 100%);
}
</style>