#C9FF9C - #80ED4A | 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 #C9FF9C to #80ED4A

#C9FF9C #80ED4A

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

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

0.0%	0.0% #C9FF9C	RGB 201 255 156	#C9FF9C
16.7%	16.7% #BCFC8E	RGB 188 252 142	#BCFC8E
33.3%	33.3% #B0F980	RGB 176 249 128	#B0F980
50.0%	50.0% #A4F673	RGB 164 246 115	#A4F673
66.7%	66.7% #98F365	RGB 152 243 101	#98F365
83.3%	83.3% #8CF057	RGB 140 240 87	#8CF057
100.0%	100.0% #80ED4A	RGB 128 237 74	#80ED4A

#C9FF9C #BCFC8E #B0F980 #A4F673 #98F365 #8CF057 #80ED4A

#C9FF9C - #80ED4A

HSV Blend

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

0.0%	0.0% #C9FF9C	RGB 201 255 156	#C9FF9C
16.7%	16.7% #BDFC8D	RGB 189 252 141	#BDFC8D
33.3%	33.3% #B1F97F	RGB 177 249 127	#B1F97F
50.0%	50.0% #A5F671	RGB 165 246 113	#A5F671
66.7%	66.7% #99F364	RGB 153 243 100	#99F364
83.3%	83.3% #8CF056	RGB 140 240 86	#8CF056
100.0%	100.0% #80ED4A	RGB 128 237 74	#80ED4A

#C9FF9C #BDFC8D #B1F97F #A5F671 #99F364 #8CF056 #80ED4A

#C9FF9C - #A5F671 - #80ED4A

CSS codes

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

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