#C0FF9C - #73EF4C | 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 #C0FF9C to #73EF4C

#C0FF9C #73EF4C

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

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

0.0%	0.0% #C0FF9C	RGB 192 255 156	#C0FF9C
16.7%	16.7% #B3FC8E	RGB 179 252 142	#B3FC8E
33.3%	33.3% #A6F981	RGB 166 249 129	#A6F981
50.0%	50.0% #99F774	RGB 153 247 116	#99F774
66.7%	66.7% #8CF466	RGB 140 244 102	#8CF466
83.3%	83.3% #7FF159	RGB 127 241 89	#7FF159
100.0%	100.0% #73EF4C	RGB 115 239 76	#73EF4C

#C0FF9C #B3FC8E #A6F981 #99F774 #8CF466 #7FF159 #73EF4C

#C0FF9C - #73EF4C

HSV Blend

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

0.0%	0.0% #C0FF9C	RGB 192 255 156	#C0FF9C
16.7%	16.7% #B3FC8E	RGB 179 252 142	#B3FC8E
33.3%	33.3% #A7F980	RGB 167 249 128	#A7F980
50.0%	50.0% #9AF772	RGB 154 247 114	#9AF772
66.7%	66.7% #8DF465	RGB 141 244 101	#8DF465
83.3%	83.3% #80F158	RGB 128 241 88	#80F158
100.0%	100.0% #73EF4C	RGB 115 239 76	#73EF4C

#C0FF9C #B3FC8E #A7F980 #9AF772 #8DF465 #80F158 #73EF4C

#C0FF9C - #9AF772 - #73EF4C

CSS codes

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

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