#2F482F - #8D9157 | 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 #2F482F to #8D9157

#2F482F #8D9157

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

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

0.0%	0.0% #2F482F	RGB 47 72 47	#2F482F
16.7%	16.7% #3E5435	RGB 62 84 53	#3E5435
33.3%	33.3% #4E603C	RGB 78 96 60	#4E603C
50.0%	50.0% #5E6C43	RGB 94 108 67	#5E6C43
66.7%	66.7% #6D7849	RGB 109 120 73	#6D7849
83.3%	83.3% #7D8450	RGB 125 132 80	#7D8450
100.0%	100.0% #8D9157	RGB 141 145 87	#8D9157

#2F482F #3E5435 #4E603C #5E6C43 #6D7849 #7D8450 #8D9157

#2F482F - #8D9157

HSV Blend

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

0.0%	0.0% #2F482F	RGB 47 72 47	#2F482F
16.7%	16.7% #3A5436	RGB 58 84 54	#3A5436
33.3%	33.3% #48603D	RGB 72 96 61	#48603D
50.0%	50.0% #566C43	RGB 86 108 67	#566C43
66.7%	66.7% #67784A	RGB 103 120 74	#67784A
83.3%	83.3% #798450	RGB 121 132 80	#798450
100.0%	100.0% #8D9157	RGB 141 145 87	#8D9157

#2F482F #3A5436 #48603D #566C43 #67784A #798450 #8D9157

#2F482F - #566C43 - #8D9157

CSS codes

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

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