#C0FFA0 - #72EF4F | 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 #C0FFA0 to #72EF4F

#C0FFA0 #72EF4F

Calculate the color between two colors, #C0FFA0 and #72EF4F. 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)

#C0FFA0 - #72EF4F | 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 #C0FFA0 as 0% and #72EF4F as 100%.

0.0%	0.0% #C0FFA0	RGB 192 255 160	#C0FFA0
16.7%	16.7% #B3FC92	RGB 179 252 146	#B3FC92
33.3%	33.3% #A6F985	RGB 166 249 133	#A6F985
50.0%	50.0% #99F777	RGB 153 247 119	#99F777
66.7%	66.7% #8CF46A	RGB 140 244 106	#8CF46A
83.3%	83.3% #7FF15C	RGB 127 241 92	#7FF15C
100.0%	100.0% #72EF4F	RGB 114 239 79	#72EF4F

#C0FFA0 #B3FC92 #A6F985 #99F777 #8CF46A #7FF15C #72EF4F

#C0FFA0 - #72EF4F

HSV Blend

#C0FFA0 - #72EF4F | 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 #C0FFA0 as 0% and #72EF4F as 100%.

0.0%	0.0% #C0FFA0	RGB 192 255 160	#C0FFA0
16.7%	16.7% #B3FC91	RGB 179 252 145	#B3FC91
33.3%	33.3% #A6F983	RGB 166 249 131	#A6F983
50.0%	50.0% #9AF776	RGB 154 247 118	#9AF776
66.7%	66.7% #8CF468	RGB 140 244 104	#8CF468
83.3%	83.3% #7FF15B	RGB 127 241 91	#7FF15B
100.0%	100.0% #72EF4F	RGB 114 239 79	#72EF4F

#C0FFA0 #B3FC91 #A6F983 #9AF776 #8CF468 #7FF15B #72EF4F

#C0FFA0 - #9AF776 - #72EF4F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0FFA0 0%, #9AF776 50%, #72EF4F 100%);
    background: -webkit-linear-gradient(top, #C0FFA0 0%, #9AF776 50%, #72EF4F 100%);
    background: linear-gradient(to bottom, #C0FFA0 0%, #9AF776 50%, #72EF4F 100%);
}
</style>