#C2FF00 - #AAF44D | 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 #C2FF00 to #AAF44D

#C2FF00 #AAF44D

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

#C2FF00 - #AAF44D | 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 #C2FF00 as 0% and #AAF44D as 100%.

0.0%	0.0% #C2FF00	RGB 194 255 0	#C2FF00
16.7%	16.7% #BEFD0C	RGB 190 253 12	#BEFD0C
33.3%	33.3% #BAFB19	RGB 186 251 25	#BAFB19
50.0%	50.0% #B6F926	RGB 182 249 38	#B6F926
66.7%	66.7% #B2F733	RGB 178 247 51	#B2F733
83.3%	83.3% #AEF540	RGB 174 245 64	#AEF540
100.0%	100.0% #AAF44D	RGB 170 244 77	#AAF44D

#C2FF00 #BEFD0C #BAFB19 #B6F926 #B2F733 #AEF540 #AAF44D

#C2FF00 - #AAF44D

HSV Blend

#C2FF00 - #AAF44D | 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 #C2FF00 as 0% and #AAF44D as 100%.

0.0%	0.0% #C2FF00	RGB 194 255 0	#C2FF00
16.7%	16.7% #BBFD0D	RGB 187 253 13	#BBFD0D
33.3%	33.3% #B6FB1A	RGB 182 251 26	#B6FB1A
50.0%	50.0% #B1F927	RGB 177 249 39	#B1F927
66.7%	66.7% #AEF734	RGB 174 247 52	#AEF734
83.3%	83.3% #ABF540	RGB 171 245 64	#ABF540
100.0%	100.0% #AAF44D	RGB 170 244 77	#AAF44D

#C2FF00 #BBFD0D #B6FB1A #B1F927 #AEF734 #ABF540 #AAF44D

#C2FF00 - #B1F927 - #AAF44D

CSS codes

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

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