#C0FF4F - #82BD00 | 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 #C0FF4F to #82BD00

#C0FF4F #82BD00

Calculate the color between two colors, #C0FF4F and #82BD00. 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)

#C0FF4F - #82BD00 | 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 #C0FF4F as 0% and #82BD00 as 100%.

0.0%	0.0% #C0FF4F	RGB 192 255 79	#C0FF4F
16.7%	16.7% #B5F441	RGB 181 244 65	#B5F441
33.3%	33.3% #ABE934	RGB 171 233 52	#ABE934
50.0%	50.0% #A1DE27	RGB 161 222 39	#A1DE27
66.7%	66.7% #96D31A	RGB 150 211 26	#96D31A
83.3%	83.3% #8CC80D	RGB 140 200 13	#8CC80D
100.0%	100.0% #82BD00	RGB 130 189 0	#82BD00

#C0FF4F #B5F441 #ABE934 #A1DE27 #96D31A #8CC80D #82BD00

#C0FF4F - #82BD00

HSV Blend

#C0FF4F - #82BD00 | 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 #C0FF4F as 0% and #82BD00 as 100%.

0.0%	0.0% #C0FF4F	RGB 192 255 79	#C0FF4F
16.7%	16.7% #B4F43E	RGB 180 244 62	#B4F43E
33.3%	33.3% #A9E930	RGB 169 233 48	#A9E930
50.0%	50.0% #9FDE22	RGB 159 222 34	#9FDE22
66.7%	66.7% #95D315	RGB 149 211 21	#95D315
83.3%	83.3% #8BC80A	RGB 139 200 10	#8BC80A
100.0%	100.0% #82BD00	RGB 130 189 0	#82BD00

#C0FF4F #B4F43E #A9E930 #9FDE22 #95D315 #8BC80A #82BD00

#C0FF4F - #9FDE22 - #82BD00

CSS codes

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

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