#AAEEA8 - #FFEFB3 | 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 #AAEEA8 to #FFEFB3

#AAEEA8 #FFEFB3

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

#AAEEA8 - #FFEFB3 | 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 #AAEEA8 as 0% and #FFEFB3 as 100%.

0.0%	0.0% #AAEEA8	RGB 170 238 168	#AAEEA8
16.7%	16.7% #B8EEA9	RGB 184 238 169	#B8EEA9
33.3%	33.3% #C6EEAB	RGB 198 238 171	#C6EEAB
50.0%	50.0% #D4EEAD	RGB 212 238 173	#D4EEAD
66.7%	66.7% #E2EEAF	RGB 226 238 175	#E2EEAF
83.3%	83.3% #F0EEB1	RGB 240 238 177	#F0EEB1
100.0%	100.0% #FFEFB3	RGB 255 239 179	#FFEFB3

#AAEEA8 #B8EEA9 #C6EEAB #D4EEAD #E2EEAF #F0EEB1 #FFEFB3

#AAEEA8 - #FFEFB3

HSV Blend

#AAEEA8 - #FFEFB3 | 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 #AAEEA8 as 0% and #FFEFB3 as 100%.

0.0%	0.0% #AAEEA8	RGB 170 238 168	#AAEEA8
16.7%	16.7% #B9F0A9	RGB 185 240 169	#B9F0A9
33.3%	33.3% #CAF3AB	RGB 202 243 171	#CAF3AB
50.0%	50.0% #DAF6AD	RGB 218 246 173	#DAF6AD
66.7%	66.7% #EBF9AF	RGB 235 249 175	#EBF9AF
83.3%	83.3% #FCFBB1	RGB 252 251 177	#FCFBB1
100.0%	100.0% #FFEFB3	RGB 255 239 179	#FFEFB3

#AAEEA8 #B9F0A9 #CAF3AB #DAF6AD #EBF9AF #FCFBB1 #FFEFB3

#AAEEA8 - #DAF6AD - #FFEFB3

CSS codes

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

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