#A6ED5E - #FFF98F | 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 #A6ED5E to #FFF98F

#A6ED5E #FFF98F

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

#A6ED5E - #FFF98F | 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 #A6ED5E as 0% and #FFF98F as 100%.

0.0%	0.0% #A6ED5E	RGB 166 237 94	#A6ED5E
16.7%	16.7% #B4EF66	RGB 180 239 102	#B4EF66
33.3%	33.3% #C3F16E	RGB 195 241 110	#C3F16E
50.0%	50.0% #D2F376	RGB 210 243 118	#D2F376
66.7%	66.7% #E1F57E	RGB 225 245 126	#E1F57E
83.3%	83.3% #F0F786	RGB 240 247 134	#F0F786
100.0%	100.0% #FFF98F	RGB 255 249 143	#FFF98F

#A6ED5E #B4EF66 #C3F16E #D2F376 #E1F57E #F0F786 #FFF98F

#A6ED5E - #FFF98F

HSV Blend

#A6ED5E - #FFF98F | 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 #A6ED5E as 0% and #FFF98F as 100%.

0.0%	0.0% #A6ED5E	RGB 166 237 94	#A6ED5E
16.7%	16.7% #B8F065	RGB 184 240 101	#B8F065
33.3%	33.3% #C9F36D	RGB 201 243 109	#C9F36D
50.0%	50.0% #D9F675	RGB 217 246 117	#D9F675
66.7%	66.7% #E9F97E	RGB 233 249 126	#E9F97E
83.3%	83.3% #F7FC86	RGB 247 252 134	#F7FC86
100.0%	100.0% #FFF98F	RGB 255 249 143	#FFF98F

#A6ED5E #B8F065 #C9F36D #D9F675 #E9F97E #F7FC86 #FFF98F

#A6ED5E - #D9F675 - #FFF98F

CSS codes

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

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