#AAED3C - #FFFD7C | 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 #FFFD7C

#AAED3C #FFFD7C

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

0.0%	0.0% #AAED3C	RGB 170 237 60	#AAED3C
16.7%	16.7% #B8EF46	RGB 184 239 70	#B8EF46
33.3%	33.3% #C6F251	RGB 198 242 81	#C6F251
50.0%	50.0% #D4F55C	RGB 212 245 92	#D4F55C
66.7%	66.7% #E2F766	RGB 226 247 102	#E2F766
83.3%	83.3% #F0FA71	RGB 240 250 113	#F0FA71
100.0%	100.0% #FFFD7C	RGB 255 253 124	#FFFD7C

#AAED3C #B8EF46 #C6F251 #D4F55C #E2F766 #F0FA71 #FFFD7C

#AAED3C - #FFFD7C

HSV Blend

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

0.0%	0.0% #AAED3B	RGB 170 237 59	#AAED3B
16.7%	16.7% #BAF046	RGB 186 240 70	#BAF046
33.3%	33.3% #CAF350	RGB 202 243 80	#CAF350
50.0%	50.0% #D9F65A	RGB 217 246 90	#D9F65A
66.7%	66.7% #E7F965	RGB 231 249 101	#E7F965
83.3%	83.3% #F4FC70	RGB 244 252 112	#F4FC70
100.0%	100.0% #FFFD7C	RGB 255 253 124	#FFFD7C

#AAED3B #BAF046 #CAF350 #D9F65A #E7F965 #F4FC70 #FFFD7C

#AAED3C - #D9F65A - #FFFD7C

CSS codes

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

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