#3CFF3C - #FFFF83 | 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 #3CFF3C to #FFFF83

#3CFF3C #FFFF83

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

#3CFF3C - #FFFF83 | 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 #3CFF3C as 0% and #FFFF83 as 100%.

0.0%	0.0% #3CFF3C	RGB 60 255 60	#3CFF3C
16.7%	16.7% #5CFF47	RGB 92 255 71	#5CFF47
33.3%	33.3% #7DFF53	RGB 125 255 83	#7DFF53
50.0%	50.0% #9DFF5F	RGB 157 255 95	#9DFF5F
66.7%	66.7% #BEFF6B	RGB 190 255 107	#BEFF6B
83.3%	83.3% #DEFF77	RGB 222 255 119	#DEFF77
100.0%	100.0% #FFFF83	RGB 255 255 131	#FFFF83

#3CFF3C #5CFF47 #7DFF53 #9DFF5F #BEFF6B #DEFF77 #FFFF83

#3CFF3C - #FFFF83

HSV Blend

#3CFF3C - #FFFF83 | 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 #3CFF3C as 0% and #FFFF83 as 100%.

0.0%	0.0% #3BFF3C	RGB 59 255 60	#3BFF3C
16.7%	16.7% #66FF47	RGB 102 255 71	#66FF47
33.3%	33.3% #8CFF53	RGB 140 255 83	#8CFF53
50.0%	50.0% #AFFF5F	RGB 175 255 95	#AFFF5F
66.7%	66.7% #CDFF6B	RGB 205 255 107	#CDFF6B
83.3%	83.3% #E8FF77	RGB 232 255 119	#E8FF77
100.0%	100.0% #FFFF83	RGB 255 255 131	#FFFF83

#3BFF3C #66FF47 #8CFF53 #AFFF5F #CDFF6B #E8FF77 #FFFF83

#3CFF3C - #AFFF5F - #FFFF83

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3BFF3C 0%, #AFFF5F 50%, #FFFF83 100%);
    background: -webkit-linear-gradient(top, #3BFF3C 0%, #AFFF5F 50%, #FFFF83 100%);
    background: linear-gradient(to bottom, #3BFF3C 0%, #AFFF5F 50%, #FFFF83 100%);
}
</style>