#2D502B - #8C9A5E | 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 #2D502B to #8C9A5E

#2D502B #8C9A5E

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

#2D502B - #8C9A5E | 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 #2D502B as 0% and #8C9A5E as 100%.

0.0%	0.0% #2D502B	RGB 45 80 43	#2D502B
16.7%	16.7% #3C5C33	RGB 60 92 51	#3C5C33
33.3%	33.3% #4C683C	RGB 76 104 60	#4C683C
50.0%	50.0% #5C7544	RGB 92 117 68	#5C7544
66.7%	66.7% #6C814D	RGB 108 129 77	#6C814D
83.3%	83.3% #7C8D55	RGB 124 141 85	#7C8D55
100.0%	100.0% #8C9A5E	RGB 140 154 94	#8C9A5E

#2D502B #3C5C33 #4C683C #5C7544 #6C814D #7C8D55 #8C9A5E

#2D502B - #8C9A5E

HSV Blend

#2D502B - #8C9A5E | 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 #2D502B as 0% and #8C9A5E as 100%.

0.0%	0.0% #2C502B	RGB 44 80 43	#2C502B
16.7%	16.7% #395C32	RGB 57 92 50	#395C32
33.3%	33.3% #48683A	RGB 72 104 58	#48683A
50.0%	50.0% #577543	RGB 87 117 67	#577543
66.7%	66.7% #68814B	RGB 104 129 75	#68814B
83.3%	83.3% #798D54	RGB 121 141 84	#798D54
100.0%	100.0% #8C9A5E	RGB 140 154 94	#8C9A5E

#2C502B #395C32 #48683A #577543 #68814B #798D54 #8C9A5E

#2D502B - #577543 - #8C9A5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C502B 0%, #577543 50%, #8C9A5E 100%);
    background: -webkit-linear-gradient(top, #2C502B 0%, #577543 50%, #8C9A5E 100%);
    background: linear-gradient(to bottom, #2C502B 0%, #577543 50%, #8C9A5E 100%);
}
</style>