#C2FF47 - #7DDB16 | 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 #C2FF47 to #7DDB16

#C2FF47 #7DDB16

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

#C2FF47 - #7DDB16 | 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 #C2FF47 as 0% and #7DDB16 as 100%.

0.0%	0.0% #C2FF47	RGB 194 255 71	#C2FF47
16.7%	16.7% #B6F93E	RGB 182 249 62	#B6F93E
33.3%	33.3% #ABF336	RGB 171 243 54	#ABF336
50.0%	50.0% #9FED2E	RGB 159 237 46	#9FED2E
66.7%	66.7% #94E726	RGB 148 231 38	#94E726
83.3%	83.3% #88E11E	RGB 136 225 30	#88E11E
100.0%	100.0% #7DDB16	RGB 125 219 22	#7DDB16

#C2FF47 #B6F93E #ABF336 #9FED2E #94E726 #88E11E #7DDB16

#C2FF47 - #7DDB16

HSV Blend

#C2FF47 - #7DDB16 | 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 #C2FF47 as 0% and #7DDB16 as 100%.

0.0%	0.0% #C2FF47	RGB 194 255 71	#C2FF47
16.7%	16.7% #B6F93D	RGB 182 249 61	#B6F93D
33.3%	33.3% #AAF335	RGB 170 243 53	#AAF335
50.0%	50.0% #9FED2C	RGB 159 237 44	#9FED2C
66.7%	66.7% #93E724	RGB 147 231 36	#93E724
83.3%	83.3% #88E11D	RGB 136 225 29	#88E11D
100.0%	100.0% #7DDB16	RGB 125 219 22	#7DDB16

#C2FF47 #B6F93D #AAF335 #9FED2C #93E724 #88E11D #7DDB16

#C2FF47 - #9FED2C - #7DDB16

CSS codes

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

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