#2E5010 - #9D9D3E | 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 #2E5010 to #9D9D3E

#2E5010 #9D9D3E

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

#2E5010 - #9D9D3E | 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 #2E5010 as 0% and #9D9D3E as 100%.

0.0%	0.0% #2E5010	RGB 46 80 16	#2E5010
16.7%	16.7% #405C17	RGB 64 92 23	#405C17
33.3%	33.3% #53691F	RGB 83 105 31	#53691F
50.0%	50.0% #657627	RGB 101 118 39	#657627
66.7%	66.7% #78832E	RGB 120 131 46	#78832E
83.3%	83.3% #8A9036	RGB 138 144 54	#8A9036
100.0%	100.0% #9D9D3E	RGB 157 157 62	#9D9D3E

#2E5010 #405C17 #53691F #657627 #78832E #8A9036 #9D9D3E

#2E5010 - #9D9D3E

HSV Blend

#2E5010 - #9D9D3E | 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 #2E5010 as 0% and #9D9D3E as 100%.

0.0%	0.0% #2D500F	RGB 45 80 15	#2D500F
16.7%	16.7% #3D5C15	RGB 61 92 21	#3D5C15
33.3%	33.3% #4E691B	RGB 78 105 27	#4E691B
50.0%	50.0% #607623	RGB 96 118 35	#607623
66.7%	66.7% #73832B	RGB 115 131 43	#73832B
83.3%	83.3% #889034	RGB 136 144 52	#889034
100.0%	100.0% #9D9D3E	RGB 157 157 62	#9D9D3E

#2D500F #3D5C15 #4E691B #607623 #73832B #889034 #9D9D3E

#2E5010 - #607623 - #9D9D3E

CSS codes

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

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