#A1FF64 - #E9FF9F | 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 #A1FF64 to #E9FF9F

#A1FF64 #E9FF9F

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

#A1FF64 - #E9FF9F | 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 #A1FF64 as 0% and #E9FF9F as 100%.

0.0%	0.0% #A1FF64	RGB 161 255 100	#A1FF64
16.7%	16.7% #ADFF6D	RGB 173 255 109	#ADFF6D
33.3%	33.3% #B9FF77	RGB 185 255 119	#B9FF77
50.0%	50.0% #C5FF81	RGB 197 255 129	#C5FF81
66.7%	66.7% #D1FF8B	RGB 209 255 139	#D1FF8B
83.3%	83.3% #DDFF95	RGB 221 255 149	#DDFF95
100.0%	100.0% #E9FF9F	RGB 233 255 159	#E9FF9F

#A1FF64 #ADFF6D #B9FF77 #C5FF81 #D1FF8B #DDFF95 #E9FF9F

#A1FF64 - #E9FF9F

HSV Blend

#A1FF64 - #E9FF9F | 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 #A1FF64 as 0% and #E9FF9F as 100%.

0.0%	0.0% #A0FF64	RGB 160 255 100	#A0FF64
16.7%	16.7% #B0FF6D	RGB 176 255 109	#B0FF6D
33.3%	33.3% #BDFF77	RGB 189 255 119	#BDFF77
50.0%	50.0% #CAFF81	RGB 202 255 129	#CAFF81
66.7%	66.7% #D5FF8B	RGB 213 255 139	#D5FF8B
83.3%	83.3% #E0FF95	RGB 224 255 149	#E0FF95
100.0%	100.0% #E9FF9F	RGB 233 255 159	#E9FF9F

#A0FF64 #B0FF6D #BDFF77 #CAFF81 #D5FF8B #E0FF95 #E9FF9F

#A1FF64 - #CAFF81 - #E9FF9F

CSS codes

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

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