#205D1A - #A2B14C | 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 #205D1A to #A2B14C

#205D1A #A2B14C

Calculate the color between two colors, #205D1A and #A2B14C. 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)

#205D1A - #A2B14C | 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 #205D1A as 0% and #A2B14C as 100%.

0.0%	0.0% #205D1A	RGB 32 93 26	#205D1A
16.7%	16.7% #356B22	RGB 53 107 34	#356B22
33.3%	33.3% #4B792A	RGB 75 121 42	#4B792A
50.0%	50.0% #618733	RGB 97 135 51	#618733
66.7%	66.7% #76953B	RGB 118 149 59	#76953B
83.3%	83.3% #8CA343	RGB 140 163 67	#8CA343
100.0%	100.0% #A2B14C	RGB 162 177 76	#A2B14C

#205D1A #356B22 #4B792A #618733 #76953B #8CA343 #A2B14C

#205D1A - #A2B14C

HSV Blend

#205D1A - #A2B14C | 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 #205D1A as 0% and #A2B14C as 100%.

0.0%	0.0% #205D1A	RGB 32 93 26	#205D1A
16.7%	16.7% #306B20	RGB 48 107 32	#306B20
33.3%	33.3% #437927	RGB 67 121 39	#437927
50.0%	50.0% #58872F	RGB 88 135 47	#58872F
66.7%	66.7% #6F9538	RGB 111 149 56	#6F9538
83.3%	83.3% #88A341	RGB 136 163 65	#88A341
100.0%	100.0% #A2B14C	RGB 162 177 76	#A2B14C

#205D1A #306B20 #437927 #58872F #6F9538 #88A341 #A2B14C

#205D1A - #58872F - #A2B14C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #205D1A 0%, #58872F 50%, #A2B14C 100%);
    background: -webkit-linear-gradient(top, #205D1A 0%, #58872F 50%, #A2B14C 100%);
    background: linear-gradient(to bottom, #205D1A 0%, #58872F 50%, #A2B14C 100%);
}
</style>