#8D9A5E - #516313 | 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 #8D9A5E to #516313

#8D9A5E #516313

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

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

0.0%	0.0% #8D9A5E	RGB 141 154 94	#8D9A5E
16.7%	16.7% #839051	RGB 131 144 81	#839051
33.3%	33.3% #798745	RGB 121 135 69	#798745
50.0%	50.0% #6F7E38	RGB 111 126 56	#6F7E38
66.7%	66.7% #65752C	RGB 101 117 44	#65752C
83.3%	83.3% #5B6C1F	RGB 91 108 31	#5B6C1F
100.0%	100.0% #516313	RGB 81 99 19	#516313

#8D9A5E #839051 #798745 #6F7E38 #65752C #5B6C1F #516313

#8D9A5E - #516313

HSV Blend

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

0.0%	0.0% #8D9A5E	RGB 141 154 94	#8D9A5E
16.7%	16.7% #82904E	RGB 130 144 78	#82904E
33.3%	33.3% #77873F	RGB 119 135 63	#77873F
50.0%	50.0% #6D7E32	RGB 109 126 50	#6D7E32
66.7%	66.7% #637526	RGB 99 117 38	#637526
83.3%	83.3% #5A6C1C	RGB 90 108 28	#5A6C1C
100.0%	100.0% #516313	RGB 81 99 19	#516313

#8D9A5E #82904E #77873F #6D7E32 #637526 #5A6C1C #516313

#8D9A5E - #6D7E32 - #516313

CSS codes

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

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