#8C7B7E - #5A3531 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #8C7B7E to #5A3531

#8C7B7E #5A3531

Calculate the color between two colors, #8C7B7E and #5A3531. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#8C7B7E - #5A3531 | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #8C7B7E as 0% and #5A3531 as 100%.

0.0%	0.0% #8C7B7E	RGB 140 123 126	#8C7B7E
16.7%	16.7% #836F71	RGB 131 111 113	#836F71
33.3%	33.3% #7B6364	RGB 123 99 100	#7B6364
50.0%	50.0% #735857	RGB 115 88 87	#735857
66.7%	66.7% #6A4C4A	RGB 106 76 74	#6A4C4A
83.3%	83.3% #62403D	RGB 98 64 61	#62403D
100.0%	100.0% #5A3531	RGB 90 53 49	#5A3531

#8C7B7E #836F71 #7B6364 #735857 #6A4C4A #62403D #5A3531

#8C7B7E - #5A3531

HSV Blend

#8C7B7E - #5A3531 | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #8C7B7E as 0% and #5A3531 as 100%.

0.0%	0.0% #8C7B7E	RGB 140 123 126	#8C7B7E
16.7%	16.7% #836C6F	RGB 131 108 111	#836C6F
33.3%	33.3% #7B5E61	RGB 123 94 97	#7B5E61
50.0%	50.0% #735153	RGB 115 81 83	#735153
66.7%	66.7% #6A4645	RGB 106 70 69	#6A4645
83.3%	83.3% #623D3B	RGB 98 61 59	#623D3B
100.0%	100.0% #5A3531	RGB 90 53 49	#5A3531

#8C7B7E #836C6F #7B5E61 #735153 #6A4645 #623D3B #5A3531

#8C7B7E - #735153 - #5A3531

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C7B7E 0%, #735153 50%, #5A3531 100%);
    background: -webkit-linear-gradient(top, #8C7B7E 0%, #735153 50%, #5A3531 100%);
    background: linear-gradient(to bottom, #8C7B7E 0%, #735153 50%, #5A3531 100%);
}
</style>