#AAEC00 - #FFAFBB | 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 #AAEC00 to #FFAFBB

#AAEC00 #FFAFBB

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

#AAEC00 - #FFAFBB | 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 #AAEC00 as 0% and #FFAFBB as 100%.

0.0%	0.0% #AAEC00	RGB 170 236 0	#AAEC00
16.7%	16.7% #B8E11F	RGB 184 225 31	#B8E11F
33.3%	33.3% #C6D73E	RGB 198 215 62	#C6D73E
50.0%	50.0% #D4CD5D	RGB 212 205 93	#D4CD5D
66.7%	66.7% #E2C37C	RGB 226 195 124	#E2C37C
83.3%	83.3% #F0B99B	RGB 240 185 155	#F0B99B
100.0%	100.0% #FFAFBB	RGB 255 175 187	#FFAFBB

#AAEC00 #B8E11F #C6D73E #D4CD5D #E2C37C #F0B99B #FFAFBB

#AAEC00 - #FFAFBB

HSV Blend

#AAEC00 - #FFAFBB | 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 #AAEC00 as 0% and #FFAFBB as 100%.

0.0%	0.0% #A9EC00	RGB 169 236 0	#A9EC00
16.7%	16.7% #E6EF1B	RGB 230 239 27	#E6EF1B
33.3%	33.3% #F2CD37	RGB 242 205 55	#F2CD37
50.0%	50.0% #F5AF54	RGB 245 175 84	#F5AF54
66.7%	66.7% #F89D71	RGB 248 157 113	#F89D71
83.3%	83.3% #FB9990	RGB 251 153 144	#FB9990
100.0%	100.0% #FFAFBB	RGB 255 175 187	#FFAFBB

#A9EC00 #E6EF1B #F2CD37 #F5AF54 #F89D71 #FB9990 #FFAFBB

#AAEC00 - #F5AF54 - #FFAFBB

CSS codes

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

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