#3CFF3D - #FFFF86 | 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 #3CFF3D to #FFFF86

#3CFF3D #FFFF86

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

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

0.0%	0.0% #3CFF3D	RGB 60 255 61	#3CFF3D
16.7%	16.7% #5CFF49	RGB 92 255 73	#5CFF49
33.3%	33.3% #7DFF55	RGB 125 255 85	#7DFF55
50.0%	50.0% #9DFF61	RGB 157 255 97	#9DFF61
66.7%	66.7% #BEFF6D	RGB 190 255 109	#BEFF6D
83.3%	83.3% #DEFF79	RGB 222 255 121	#DEFF79
100.0%	100.0% #FFFF86	RGB 255 255 134	#FFFF86

#3CFF3D #5CFF49 #7DFF55 #9DFF61 #BEFF6D #DEFF79 #FFFF86

#3CFF3D - #FFFF86

HSV Blend

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

0.0%	0.0% #3BFF3D	RGB 59 255 61	#3BFF3D
16.7%	16.7% #65FF48	RGB 101 255 72	#65FF48
33.3%	33.3% #8CFF54	RGB 140 255 84	#8CFF54
50.0%	50.0% #AFFF61	RGB 175 255 97	#AFFF61
66.7%	66.7% #CEFF6D	RGB 206 255 109	#CEFF6D
83.3%	83.3% #E8FF79	RGB 232 255 121	#E8FF79
100.0%	100.0% #FFFF86	RGB 255 255 134	#FFFF86

#3BFF3D #65FF48 #8CFF54 #AFFF61 #CEFF6D #E8FF79 #FFFF86

#3CFF3D - #AFFF61 - #FFFF86

CSS codes

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

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