#3CFF00 - #00FF16 | 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 #3CFF00 to #00FF16

#3CFF00 #00FF16

Calculate the color between two colors, #3CFF00 and #00FF16. 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)

#3CFF00 - #00FF16 | 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 #3CFF00 as 0% and #00FF16 as 100%.

0.0%	0.0% #3CFF00	RGB 60 255 0	#3CFF00
16.7%	16.7% #32FF03	RGB 50 255 3	#32FF03
33.3%	33.3% #28FF07	RGB 40 255 7	#28FF07
50.0%	50.0% #1EFF0B	RGB 30 255 11	#1EFF0B
66.7%	66.7% #14FF0E	RGB 20 255 14	#14FF0E
83.3%	83.3% #0AFF12	RGB 10 255 18	#0AFF12
100.0%	100.0% #00FF16	RGB 0 255 22	#00FF16

#3CFF00 #32FF03 #28FF07 #1EFF0B #14FF0E #0AFF12 #00FF16

#3CFF00 - #00FF16

HSV Blend

#3CFF00 - #00FF16 | 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 #3CFF00 as 0% and #00FF16 as 100%.

0.0%	0.0% #3CFF00	RGB 60 255 0	#3CFF00
16.7%	16.7% #2EFF00	RGB 46 255 0	#2EFF00
33.3%	33.3% #20FF00	RGB 32 255 0	#20FF00
50.0%	50.0% #12FF00	RGB 18 255 0	#12FF00
66.7%	66.7% #05FF00	RGB 5 255 0	#05FF00
83.3%	83.3% #00FF08	RGB 0 255 8	#00FF08
100.0%	100.0% #00FF16	RGB 0 255 22	#00FF16

#3CFF00 #2EFF00 #20FF00 #12FF00 #05FF00 #00FF08 #00FF16

#3CFF00 - #12FF00 - #00FF16

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3CFF00 0%, #12FF00 50%, #00FF16 100%);
    background: -webkit-linear-gradient(top, #3CFF00 0%, #12FF00 50%, #00FF16 100%);
    background: linear-gradient(to bottom, #3CFF00 0%, #12FF00 50%, #00FF16 100%);
}
</style>