#AAED3C - #62BF12 | 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 #62BF12

#AAED3C #62BF12

Calculate the color between two colors, #AAED3C and #62BF12. 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 - #62BF12 | 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 #62BF12 as 100%.

0.0%	0.0% #AAED3C	RGB 170 237 60	#AAED3C
16.7%	16.7% #9EE535	RGB 158 229 53	#9EE535
33.3%	33.3% #92DD2E	RGB 146 221 46	#92DD2E
50.0%	50.0% #86D627	RGB 134 214 39	#86D627
66.7%	66.7% #7ACE20	RGB 122 206 32	#7ACE20
83.3%	83.3% #6EC619	RGB 110 198 25	#6EC619
100.0%	100.0% #62BF12	RGB 98 191 18	#62BF12

#AAED3C #9EE535 #92DD2E #86D627 #7ACE20 #6EC619 #62BF12

#AAED3C - #62BF12

HSV Blend

#AAED3C - #62BF12 | 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 #62BF12 as 100%.

0.0%	0.0% #AAED3B	RGB 170 237 59	#AAED3B
16.7%	16.7% #9DE533	RGB 157 229 51	#9DE533
33.3%	33.3% #91DD2C	RGB 145 221 44	#91DD2C
50.0%	50.0% #85D625	RGB 133 214 37	#85D625
66.7%	66.7% #79CE1E	RGB 121 206 30	#79CE1E
83.3%	83.3% #6DC617	RGB 109 198 23	#6DC617
100.0%	100.0% #62BF12	RGB 98 191 18	#62BF12

#AAED3B #9DE533 #91DD2C #85D625 #79CE1E #6DC617 #62BF12

#AAED3C - #85D625 - #62BF12

CSS codes

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

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