#A0AD3C - #E3E7C7 | 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 #A0AD3C to #E3E7C7

#A0AD3C #E3E7C7

Calculate the color between two colors, #A0AD3C and #E3E7C7. 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)

#A0AD3C - #E3E7C7 | 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 #A0AD3C as 0% and #E3E7C7 as 100%.

0.0%	0.0% #A0AD3C	RGB 160 173 60	#A0AD3C
16.7%	16.7% #ABB653	RGB 171 182 83	#ABB653
33.3%	33.3% #B6C06A	RGB 182 192 106	#B6C06A
50.0%	50.0% #C1CA81	RGB 193 202 129	#C1CA81
66.7%	66.7% #CCD398	RGB 204 211 152	#CCD398
83.3%	83.3% #D7DDAF	RGB 215 221 175	#D7DDAF
100.0%	100.0% #E3E7C7	RGB 227 231 199	#E3E7C7

#A0AD3C #ABB653 #B6C06A #C1CA81 #CCD398 #D7DDAF #E3E7C7

#A0AD3C - #E3E7C7

HSV Blend

#A0AD3C - #E3E7C7 | 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 #A0AD3C as 0% and #E3E7C7 as 100%.

0.0%	0.0% #A0AD3C	RGB 160 173 60	#A0AD3C
16.7%	16.7% #AAB64F	RGB 170 182 79	#AAB64F
33.3%	33.3% #B5C063	RGB 181 192 99	#B5C063
50.0%	50.0% #C0CA7A	RGB 192 202 122	#C0CA7A
66.7%	66.7% #CBD392	RGB 203 211 146	#CBD392
83.3%	83.3% #D7DDAB	RGB 215 221 171	#D7DDAB
100.0%	100.0% #E3E7C7	RGB 227 231 199	#E3E7C7

#A0AD3C #AAB64F #B5C063 #C0CA7A #CBD392 #D7DDAB #E3E7C7

#A0AD3C - #C0CA7A - #E3E7C7

CSS codes

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

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