#2B5E31 - #A1A974 | 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 #2B5E31 to #A1A974

#2B5E31 #A1A974

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

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

0.0%	0.0% #2B5E31	RGB 43 94 49	#2B5E31
16.7%	16.7% #3E6A3C	RGB 62 106 60	#3E6A3C
33.3%	33.3% #527747	RGB 82 119 71	#527747
50.0%	50.0% #668352	RGB 102 131 82	#668352
66.7%	66.7% #79905D	RGB 121 144 93	#79905D
83.3%	83.3% #8D9C68	RGB 141 156 104	#8D9C68
100.0%	100.0% #A1A974	RGB 161 169 116	#A1A974

#2B5E31 #3E6A3C #527747 #668352 #79905D #8D9C68 #A1A974

#2B5E31 - #A1A974

HSV Blend

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

0.0%	0.0% #2B5E31	RGB 43 94 49	#2B5E31
16.7%	16.7% #376A34	RGB 55 106 52	#376A34
33.3%	33.3% #4A773F	RGB 74 119 63	#4A773F
50.0%	50.0% #5F834B	RGB 95 131 75	#5F834B
66.7%	66.7% #759057	RGB 117 144 87	#759057
83.3%	83.3% #8B9C65	RGB 139 156 101	#8B9C65
100.0%	100.0% #A1A974	RGB 161 169 116	#A1A974

#2B5E31 #376A34 #4A773F #5F834B #759057 #8B9C65 #A1A974

#2B5E31 - #5F834B - #A1A974

CSS codes

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

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