#8CFF3F - #3EDA16 | 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 #8CFF3F to #3EDA16

#8CFF3F #3EDA16

Calculate the color between two colors, #8CFF3F and #3EDA16. 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)

#8CFF3F - #3EDA16 | 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 #8CFF3F as 0% and #3EDA16 as 100%.

0.0%	0.0% #8CFF3F	RGB 140 255 63	#8CFF3F
16.7%	16.7% #7FF838	RGB 127 248 56	#7FF838
33.3%	33.3% #72F231	RGB 114 242 49	#72F231
50.0%	50.0% #65EC2A	RGB 101 236 42	#65EC2A
66.7%	66.7% #58E623	RGB 88 230 35	#58E623
83.3%	83.3% #4BE01C	RGB 75 224 28	#4BE01C
100.0%	100.0% #3EDA16	RGB 62 218 22	#3EDA16

#8CFF3F #7FF838 #72F231 #65EC2A #58E623 #4BE01C #3EDA16

#8CFF3F - #3EDA16

HSV Blend

#8CFF3F - #3EDA16 | 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 #8CFF3F as 0% and #3EDA16 as 100%.

0.0%	0.0% #8CFF3F	RGB 140 255 63	#8CFF3F
16.7%	16.7% #7EF837	RGB 126 248 55	#7EF837
33.3%	33.3% #71F230	RGB 113 242 48	#71F230
50.0%	50.0% #64EC29	RGB 100 236 41	#64EC29
66.7%	66.7% #57E622	RGB 87 230 34	#57E622
83.3%	83.3% #4AE01C	RGB 74 224 28	#4AE01C
100.0%	100.0% #3EDA16	RGB 62 218 22	#3EDA16

#8CFF3F #7EF837 #71F230 #64EC29 #57E622 #4AE01C #3EDA16

#8CFF3F - #64EC29 - #3EDA16

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CFF3F 0%, #64EC29 50%, #3EDA16 100%);
    background: -webkit-linear-gradient(top, #8CFF3F 0%, #64EC29 50%, #3EDA16 100%);
    background: linear-gradient(to bottom, #8CFF3F 0%, #64EC29 50%, #3EDA16 100%);
}
</style>