#8C8F8C - #494733 | 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 #8C8F8C to #494733

#8C8F8C #494733

Calculate the color between two colors, #8C8F8C and #494733. 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)

#8C8F8C - #494733 | 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 #8C8F8C as 0% and #494733 as 100%.

0.0%	0.0% #8C8F8C	RGB 140 143 140	#8C8F8C
16.7%	16.7% #80837D	RGB 128 131 125	#80837D
33.3%	33.3% #75776E	RGB 117 119 110	#75776E
50.0%	50.0% #6A6B5F	RGB 106 107 95	#6A6B5F
66.7%	66.7% #5F5F50	RGB 95 95 80	#5F5F50
83.3%	83.3% #545341	RGB 84 83 65	#545341
100.0%	100.0% #494733	RGB 73 71 51	#494733

#8C8F8C #80837D #75776E #6A6B5F #5F5F50 #545341 #494733

#8C8F8C - #494733

HSV Blend

#8C8F8C - #494733 | 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 #8C8F8C as 0% and #494733 as 100%.

0.0%	0.0% #8C8F8C	RGB 140 143 140	#8C8F8C
16.7%	16.7% #7C837A	RGB 124 131 122	#7C837A
33.3%	33.3% #6E7769	RGB 110 119 105	#6E7769
50.0%	50.0% #646C5A	RGB 100 108 90	#646C5A
66.7%	66.7% #5A604C	RGB 90 96 76	#5A604C
83.3%	83.3% #52543F	RGB 82 84 63	#52543F
100.0%	100.0% #494733	RGB 73 71 51	#494733

#8C8F8C #7C837A #6E7769 #646C5A #5A604C #52543F #494733

#8C8F8C - #646C5A - #494733

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C8F8C 0%, #646C5A 50%, #494733 100%);
    background: -webkit-linear-gradient(top, #8C8F8C 0%, #646C5A 50%, #494733 100%);
    background: linear-gradient(to bottom, #8C8F8C 0%, #646C5A 50%, #494733 100%);
}
</style>