#8B8D7E - #4F582A | 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 #8B8D7E to #4F582A

#8B8D7E #4F582A

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

#8B8D7E - #4F582A | 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 #8B8D7E as 0% and #4F582A as 100%.

0.0%	0.0% #8B8D7E	RGB 139 141 126	#8B8D7E
16.7%	16.7% #818470	RGB 129 132 112	#818470
33.3%	33.3% #777B62	RGB 119 123 98	#777B62
50.0%	50.0% #6D7254	RGB 109 114 84	#6D7254
66.7%	66.7% #636946	RGB 99 105 70	#636946
83.3%	83.3% #596038	RGB 89 96 56	#596038
100.0%	100.0% #4F582A	RGB 79 88 42	#4F582A

#8B8D7E #818470 #777B62 #6D7254 #636946 #596038 #4F582A

#8B8D7E - #4F582A

HSV Blend

#8B8D7E - #4F582A | 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 #8B8D7E as 0% and #4F582A as 100%.

0.0%	0.0% #8B8D7E	RGB 139 141 126	#8B8D7E
16.7%	16.7% #80846C	RGB 128 132 108	#80846C
33.3%	33.3% #767B5D	RGB 118 123 93	#767B5D
50.0%	50.0% #6C724E	RGB 108 114 78	#6C724E
66.7%	66.7% #626941	RGB 98 105 65	#626941
83.3%	83.3% #586034	RGB 88 96 52	#586034
100.0%	100.0% #4F582A	RGB 79 88 42	#4F582A

#8B8D7E #80846C #767B5D #6C724E #626941 #586034 #4F582A

#8B8D7E - #6C724E - #4F582A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8B8D7E 0%, #6C724E 50%, #4F582A 100%);
    background: -webkit-linear-gradient(top, #8B8D7E 0%, #6C724E 50%, #4F582A 100%);
    background: linear-gradient(to bottom, #8B8D7E 0%, #6C724E 50%, #4F582A 100%);
}
</style>