#C2FF5C - #7DE11E | 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 #C2FF5C to #7DE11E

#C2FF5C #7DE11E

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

#C2FF5C - #7DE11E | 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 #C2FF5C as 0% and #7DE11E as 100%.

0.0%	0.0% #C2FF5C	RGB 194 255 92	#C2FF5C
16.7%	16.7% #B6FA51	RGB 182 250 81	#B6FA51
33.3%	33.3% #ABF547	RGB 171 245 71	#ABF547
50.0%	50.0% #9FF03D	RGB 159 240 61	#9FF03D
66.7%	66.7% #94EB32	RGB 148 235 50	#94EB32
83.3%	83.3% #88E628	RGB 136 230 40	#88E628
100.0%	100.0% #7DE11E	RGB 125 225 30	#7DE11E

#C2FF5C #B6FA51 #ABF547 #9FF03D #94EB32 #88E628 #7DE11E

#C2FF5C - #7DE11E

HSV Blend

#C2FF5C - #7DE11E | 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 #C2FF5C as 0% and #7DE11E as 100%.

0.0%	0.0% #C2FF5B	RGB 194 255 91	#C2FF5B
16.7%	16.7% #B6FA50	RGB 182 250 80	#B6FA50
33.3%	33.3% #ABF545	RGB 171 245 69	#ABF545
50.0%	50.0% #9FF03B	RGB 159 240 59	#9FF03B
66.7%	66.7% #94EB31	RGB 148 235 49	#94EB31
83.3%	83.3% #88E627	RGB 136 230 39	#88E627
100.0%	100.0% #7DE11E	RGB 125 225 30	#7DE11E

#C2FF5B #B6FA50 #ABF545 #9FF03B #94EB31 #88E627 #7DE11E

#C2FF5C - #9FF03B - #7DE11E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2FF5B 0%, #9FF03B 50%, #7DE11E 100%);
    background: -webkit-linear-gradient(top, #C2FF5B 0%, #9FF03B 50%, #7DE11E 100%);
    background: linear-gradient(to bottom, #C2FF5B 0%, #9FF03B 50%, #7DE11E 100%);
}
</style>