#A2B295 - #5A8240 | 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 #A2B295 to #5A8240

#A2B295 #5A8240

Calculate the color between two colors, #A2B295 and #5A8240. 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)

#A2B295 - #5A8240 | 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 #A2B295 as 0% and #5A8240 as 100%.

0.0%	0.0% #A2B295	RGB 162 178 149	#A2B295
16.7%	16.7% #96AA86	RGB 150 170 134	#96AA86
33.3%	33.3% #8AA278	RGB 138 162 120	#8AA278
50.0%	50.0% #7E9A6A	RGB 126 154 106	#7E9A6A
66.7%	66.7% #72925C	RGB 114 146 92	#72925C
83.3%	83.3% #668A4E	RGB 102 138 78	#668A4E
100.0%	100.0% #5A8240	RGB 90 130 64	#5A8240

#A2B295 #96AA86 #8AA278 #7E9A6A #72925C #668A4E #5A8240

#A2B295 - #5A8240

HSV Blend

#A2B295 - #5A8240 | 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 #A2B295 as 0% and #5A8240 as 100%.

0.0%	0.0% #A2B295	RGB 162 178 149	#A2B295
16.7%	16.7% #94AA84	RGB 148 170 132	#94AA84
33.3%	33.3% #88A274	RGB 136 162 116	#88A274
50.0%	50.0% #7C9A66	RGB 124 154 102	#7C9A66
66.7%	66.7% #709258	RGB 112 146 88	#709258
83.3%	83.3% #648A4B	RGB 100 138 75	#648A4B
100.0%	100.0% #5A8240	RGB 90 130 64	#5A8240

#A2B295 #94AA84 #88A274 #7C9A66 #709258 #648A4B #5A8240

#A2B295 - #7C9A66 - #5A8240

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2B295 0%, #7C9A66 50%, #5A8240 100%);
    background: -webkit-linear-gradient(top, #A2B295 0%, #7C9A66 50%, #5A8240 100%);
    background: linear-gradient(to bottom, #A2B295 0%, #7C9A66 50%, #5A8240 100%);
}
</style>