#2D6B2D - #B8BD5A | 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 #2D6B2D to #B8BD5A

#2D6B2D #B8BD5A

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

#2D6B2D - #B8BD5A | 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 #2D6B2D as 0% and #B8BD5A as 100%.

0.0%	0.0% #2D6B2D	RGB 45 107 45	#2D6B2D
16.7%	16.7% #447834	RGB 68 120 52	#447834
33.3%	33.3% #5B863C	RGB 91 134 60	#5B863C
50.0%	50.0% #729443	RGB 114 148 67	#729443
66.7%	66.7% #89A14B	RGB 137 161 75	#89A14B
83.3%	83.3% #A0AF52	RGB 160 175 82	#A0AF52
100.0%	100.0% #B8BD5A	RGB 184 189 90	#B8BD5A

#2D6B2D #447834 #5B863C #729443 #89A14B #A0AF52 #B8BD5A

#2D6B2D - #B8BD5A

HSV Blend

#2D6B2D - #B8BD5A | 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 #2D6B2D as 0% and #B8BD5A as 100%.

0.0%	0.0% #2D6B2D	RGB 45 107 45	#2D6B2D
16.7%	16.7% #3E7833	RGB 62 120 51	#3E7833
33.3%	33.3% #52863A	RGB 82 134 58	#52863A
50.0%	50.0% #699442	RGB 105 148 66	#699442
66.7%	66.7% #81A149	RGB 129 161 73	#81A149
83.3%	83.3% #9BAF51	RGB 155 175 81	#9BAF51
100.0%	100.0% #B8BD5A	RGB 184 189 90	#B8BD5A

#2D6B2D #3E7833 #52863A #699442 #81A149 #9BAF51 #B8BD5A

#2D6B2D - #699442 - #B8BD5A

CSS codes

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

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