#C2FF4B - #7DDC17 | 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 #C2FF4B to #7DDC17

#C2FF4B #7DDC17

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

#C2FF4B - #7DDC17 | 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 #C2FF4B as 0% and #7DDC17 as 100%.

0.0%	0.0% #C2FF4B	RGB 194 255 75	#C2FF4B
16.7%	16.7% #B6F942	RGB 182 249 66	#B6F942
33.3%	33.3% #ABF339	RGB 171 243 57	#ABF339
50.0%	50.0% #9FED31	RGB 159 237 49	#9FED31
66.7%	66.7% #94E728	RGB 148 231 40	#94E728
83.3%	83.3% #88E11F	RGB 136 225 31	#88E11F
100.0%	100.0% #7DDC17	RGB 125 220 23	#7DDC17

#C2FF4B #B6F942 #ABF339 #9FED31 #94E728 #88E11F #7DDC17

#C2FF4B - #7DDC17

HSV Blend

#C2FF4B - #7DDC17 | 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 #C2FF4B as 0% and #7DDC17 as 100%.

0.0%	0.0% #C2FF4B	RGB 194 255 75	#C2FF4B
16.7%	16.7% #B6F941	RGB 182 249 65	#B6F941
33.3%	33.3% #AAF338	RGB 170 243 56	#AAF338
50.0%	50.0% #9FED2F	RGB 159 237 47	#9FED2F
66.7%	66.7% #93E726	RGB 147 231 38	#93E726
83.3%	83.3% #88E11E	RGB 136 225 30	#88E11E
100.0%	100.0% #7DDC17	RGB 125 220 23	#7DDC17

#C2FF4B #B6F941 #AAF338 #9FED2F #93E726 #88E11E #7DDC17

#C2FF4B - #9FED2F - #7DDC17

CSS codes

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

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