#C0FF2E - #9AE400 | 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 #C0FF2E to #9AE400

#C0FF2E #9AE400

Calculate the color between two colors, #C0FF2E and #9AE400. 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)

#C0FF2E - #9AE400 | 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 #C0FF2E as 0% and #9AE400 as 100%.

0.0%	0.0% #C0FF2E	RGB 192 255 46	#C0FF2E
16.7%	16.7% #B9FA26	RGB 185 250 38	#B9FA26
33.3%	33.3% #B3F61E	RGB 179 246 30	#B3F61E
50.0%	50.0% #ADF117	RGB 173 241 23	#ADF117
66.7%	66.7% #A6ED0F	RGB 166 237 15	#A6ED0F
83.3%	83.3% #A0E807	RGB 160 232 7	#A0E807
100.0%	100.0% #9AE400	RGB 154 228 0	#9AE400

#C0FF2E #B9FA26 #B3F61E #ADF117 #A6ED0F #A0E807 #9AE400

#C0FF2E - #9AE400

HSV Blend

#C0FF2E - #9AE400 | 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 #C0FF2E as 0% and #9AE400 as 100%.

0.0%	0.0% #C0FF2D	RGB 192 255 45	#C0FF2D
16.7%	16.7% #B9FA25	RGB 185 250 37	#B9FA25
33.3%	33.3% #B3F61D	RGB 179 246 29	#B3F61D
50.0%	50.0% #ACF115	RGB 172 241 21	#ACF115
66.7%	66.7% #A6ED0E	RGB 166 237 14	#A6ED0E
83.3%	83.3% #A0E806	RGB 160 232 6	#A0E806
100.0%	100.0% #9AE400	RGB 154 228 0	#9AE400

#C0FF2D #B9FA25 #B3F61D #ACF115 #A6ED0E #A0E806 #9AE400

#C0FF2E - #ACF115 - #9AE400

CSS codes

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

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