#A8D081 - #FFED9F | 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 #A8D081 to #FFED9F

#A8D081 #FFED9F

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

#A8D081 - #FFED9F | 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 #A8D081 as 0% and #FFED9F as 100%.

0.0%	0.0% #A8D081	RGB 168 208 129	#A8D081
16.7%	16.7% #B6D486	RGB 182 212 134	#B6D486
33.3%	33.3% #C5D98B	RGB 197 217 139	#C5D98B
50.0%	50.0% #D3DE90	RGB 211 222 144	#D3DE90
66.7%	66.7% #E2E395	RGB 226 227 149	#E2E395
83.3%	83.3% #F0E89A	RGB 240 232 154	#F0E89A
100.0%	100.0% #FFED9F	RGB 255 237 159	#FFED9F

#A8D081 #B6D486 #C5D98B #D3DE90 #E2E395 #F0E89A #FFED9F

#A8D081 - #FFED9F

HSV Blend

#A8D081 - #FFED9F | 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 #A8D081 as 0% and #FFED9F as 100%.

0.0%	0.0% #A8D081	RGB 168 208 129	#A8D081
16.7%	16.7% #B7D785	RGB 183 215 133	#B7D785
33.3%	33.3% #C8DF8A	RGB 200 223 138	#C8DF8A
50.0%	50.0% #D9E78F	RGB 217 231 143	#D9E78F
66.7%	66.7% #EBEF94	RGB 235 239 148	#EBEF94
83.3%	83.3% #F7F099	RGB 247 240 153	#F7F099
100.0%	100.0% #FFED9F	RGB 255 237 159	#FFED9F

#A8D081 #B7D785 #C8DF8A #D9E78F #EBEF94 #F7F099 #FFED9F

#A8D081 - #D9E78F - #FFED9F

CSS codes

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

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