#C2EA5E - #80C21E | 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 #C2EA5E to #80C21E

#C2EA5E #80C21E

Calculate the color between two colors, #C2EA5E and #80C21E. 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)

#C2EA5E - #80C21E | 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 #C2EA5E as 0% and #80C21E as 100%.

0.0%	0.0% #C2EA5E	RGB 194 234 94	#C2EA5E
16.7%	16.7% #B7E353	RGB 183 227 83	#B7E353
33.3%	33.3% #ACDC48	RGB 172 220 72	#ACDC48
50.0%	50.0% #A1D63E	RGB 161 214 62	#A1D63E
66.7%	66.7% #96CF33	RGB 150 207 51	#96CF33
83.3%	83.3% #8BC828	RGB 139 200 40	#8BC828
100.0%	100.0% #80C21E	RGB 128 194 30	#80C21E

#C2EA5E #B7E353 #ACDC48 #A1D63E #96CF33 #8BC828 #80C21E

#C2EA5E - #80C21E

HSV Blend

#C2EA5E - #80C21E | 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 #C2EA5E as 0% and #80C21E as 100%.

0.0%	0.0% #C2EA5E	RGB 194 234 94	#C2EA5E
16.7%	16.7% #B6E351	RGB 182 227 81	#B6E351
33.3%	33.3% #ABDC46	RGB 171 220 70	#ABDC46
50.0%	50.0% #A0D63B	RGB 160 214 59	#A0D63B
66.7%	66.7% #95CF31	RGB 149 207 49	#95CF31
83.3%	83.3% #8AC827	RGB 138 200 39	#8AC827
100.0%	100.0% #80C21E	RGB 128 194 30	#80C21E

#C2EA5E #B6E351 #ABDC46 #A0D63B #95CF31 #8AC827 #80C21E

#C2EA5E - #A0D63B - #80C21E

CSS codes

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

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