#A2FF00 - #57C900 | 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 #A2FF00 to #57C900

#A2FF00 #57C900

Calculate the color between two colors, #A2FF00 and #57C900. 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)

#A2FF00 - #57C900 | 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 #A2FF00 as 0% and #57C900 as 100%.

0.0%	0.0% #A2FF00	RGB 162 255 0	#A2FF00
16.7%	16.7% #95F600	RGB 149 246 0	#95F600
33.3%	33.3% #89ED00	RGB 137 237 0	#89ED00
50.0%	50.0% #7CE400	RGB 124 228 0	#7CE400
66.7%	66.7% #70DB00	RGB 112 219 0	#70DB00
83.3%	83.3% #63D200	RGB 99 210 0	#63D200
100.0%	100.0% #57C900	RGB 87 201 0	#57C900

#A2FF00 #95F600 #89ED00 #7CE400 #70DB00 #63D200 #57C900

#A2FF00 - #57C900

HSV Blend

#A2FF00 - #57C900 | 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 #A2FF00 as 0% and #57C900 as 100%.

0.0%	0.0% #A1FF00	RGB 161 255 0	#A1FF00
16.7%	16.7% #93F600	RGB 147 246 0	#93F600
33.3%	33.3% #86ED00	RGB 134 237 0	#86ED00
50.0%	50.0% #79E400	RGB 121 228 0	#79E400
66.7%	66.7% #6DDB00	RGB 109 219 0	#6DDB00
83.3%	83.3% #61D200	RGB 97 210 0	#61D200
100.0%	100.0% #57C900	RGB 87 201 0	#57C900

#A1FF00 #93F600 #86ED00 #79E400 #6DDB00 #61D200 #57C900

#A2FF00 - #79E400 - #57C900

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A1FF00 0%, #79E400 50%, #57C900 100%);
    background: -webkit-linear-gradient(top, #A1FF00 0%, #79E400 50%, #57C900 100%);
    background: linear-gradient(to bottom, #A1FF00 0%, #79E400 50%, #57C900 100%);
}
</style>