#AAED3C - #E6F9C7 | 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 #AAED3C to #E6F9C7

#AAED3C #E6F9C7

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

#AAED3C - #E6F9C7 | 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 #AAED3C as 0% and #E6F9C7 as 100%.

0.0%	0.0% #AAED3C	RGB 170 237 60	#AAED3C
16.7%	16.7% #B4EF53	RGB 180 239 83	#B4EF53
33.3%	33.3% #BEF16A	RGB 190 241 106	#BEF16A
50.0%	50.0% #C8F381	RGB 200 243 129	#C8F381
66.7%	66.7% #D2F598	RGB 210 245 152	#D2F598
83.3%	83.3% #DCF7AF	RGB 220 247 175	#DCF7AF
100.0%	100.0% #E6F9C7	RGB 230 249 199	#E6F9C7

#AAED3C #B4EF53 #BEF16A #C8F381 #D2F598 #DCF7AF #E6F9C7

#AAED3C - #E6F9C7

HSV Blend

#AAED3C - #E6F9C7 | 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 #AAED3C as 0% and #E6F9C7 as 100%.

0.0%	0.0% #AAED3B	RGB 170 237 59	#AAED3B
16.7%	16.7% #B3EF52	RGB 179 239 82	#B3EF52
33.3%	33.3% #BDF168	RGB 189 241 104	#BDF168
50.0%	50.0% #C7F37F	RGB 199 243 127	#C7F37F
66.7%	66.7% #D1F597	RGB 209 245 151	#D1F597
83.3%	83.3% #DBF7AE	RGB 219 247 174	#DBF7AE
100.0%	100.0% #E6F9C7	RGB 230 249 199	#E6F9C7

#AAED3B #B3EF52 #BDF168 #C7F37F #D1F597 #DBF7AE #E6F9C7

#AAED3C - #C7F37F - #E6F9C7

CSS codes

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

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