#C2FF9D - #76EF4C | 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 #C2FF9D to #76EF4C

#C2FF9D #76EF4C

Calculate the color between two colors, #C2FF9D and #76EF4C. 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)

#C2FF9D - #76EF4C | 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 #C2FF9D as 0% and #76EF4C as 100%.

0.0%	0.0% #C2FF9D	RGB 194 255 157	#C2FF9D
16.7%	16.7% #B5FC8F	RGB 181 252 143	#B5FC8F
33.3%	33.3% #A8F982	RGB 168 249 130	#A8F982
50.0%	50.0% #9CF774	RGB 156 247 116	#9CF774
66.7%	66.7% #8FF467	RGB 143 244 103	#8FF467
83.3%	83.3% #82F159	RGB 130 241 89	#82F159
100.0%	100.0% #76EF4C	RGB 118 239 76	#76EF4C

#C2FF9D #B5FC8F #A8F982 #9CF774 #8FF467 #82F159 #76EF4C

#C2FF9D - #76EF4C

HSV Blend

#C2FF9D - #76EF4C | 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 #C2FF9D as 0% and #76EF4C as 100%.

0.0%	0.0% #C2FF9D	RGB 194 255 157	#C2FF9D
16.7%	16.7% #B5FC8E	RGB 181 252 142	#B5FC8E
33.3%	33.3% #A9F980	RGB 169 249 128	#A9F980
50.0%	50.0% #9DF773	RGB 157 247 115	#9DF773
66.7%	66.7% #90F465	RGB 144 244 101	#90F465
83.3%	83.3% #83F158	RGB 131 241 88	#83F158
100.0%	100.0% #76EF4C	RGB 118 239 76	#76EF4C

#C2FF9D #B5FC8E #A9F980 #9DF773 #90F465 #83F158 #76EF4C

#C2FF9D - #9DF773 - #76EF4C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2FF9D 0%, #9DF773 50%, #76EF4C 100%);
    background: -webkit-linear-gradient(top, #C2FF9D 0%, #9DF773 50%, #76EF4C 100%);
    background: linear-gradient(to bottom, #C2FF9D 0%, #9DF773 50%, #76EF4C 100%);
}
</style>