#8C8D3E - #4E550C | 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 #8C8D3E to #4E550C

#8C8D3E #4E550C

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

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

0.0%	0.0% #8C8D3E	RGB 140 141 62	#8C8D3E
16.7%	16.7% #818335	RGB 129 131 53	#818335
33.3%	33.3% #777A2D	RGB 119 122 45	#777A2D
50.0%	50.0% #6D7125	RGB 109 113 37	#6D7125
66.7%	66.7% #62671C	RGB 98 103 28	#62671C
83.3%	83.3% #585E14	RGB 88 94 20	#585E14
100.0%	100.0% #4E550C	RGB 78 85 12	#4E550C

#8C8D3E #818335 #777A2D #6D7125 #62671C #585E14 #4E550C

#8C8D3E - #4E550C

HSV Blend

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

0.0%	0.0% #8C8D3E	RGB 140 141 62	#8C8D3E
16.7%	16.7% #818333	RGB 129 131 51	#818333
33.3%	33.3% #777A29	RGB 119 122 41	#777A29
50.0%	50.0% #6C7120	RGB 108 113 32	#6C7120
66.7%	66.7% #626718	RGB 98 103 24	#626718
83.3%	83.3% #585E12	RGB 88 94 18	#585E12
100.0%	100.0% #4E550C	RGB 78 85 12	#4E550C

#8C8D3E #818333 #777A29 #6C7120 #626718 #585E12 #4E550C

#8C8D3E - #6C7120 - #4E550C

CSS codes

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

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