#3CDF6D - #FFFF8F | 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 #3CDF6D to #FFFF8F

#3CDF6D #FFFF8F

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

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

0.0%	0.0% #3CDF6D	RGB 60 223 109	#3CDF6D
16.7%	16.7% #5CE472	RGB 92 228 114	#5CE472
33.3%	33.3% #7DE978	RGB 125 233 120	#7DE978
50.0%	50.0% #9DEF7E	RGB 157 239 126	#9DEF7E
66.7%	66.7% #BEF483	RGB 190 244 131	#BEF483
83.3%	83.3% #DEF989	RGB 222 249 137	#DEF989
100.0%	100.0% #FFFF8F	RGB 255 255 143	#FFFF8F

#3CDF6D #5CE472 #7DE978 #9DEF7E #BEF483 #DEF989 #FFFF8F

#3CDF6D - #FFFF8F

HSV Blend

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

0.0%	0.0% #3CDF6D	RGB 60 223 109	#3CDF6D
16.7%	16.7% #48E455	RGB 72 228 85	#48E455
33.3%	33.3% #69E955	RGB 105 233 85	#69E955
50.0%	50.0% #94EF63	RGB 148 239 99	#94EF63
66.7%	66.7% #BBF471	RGB 187 244 113	#BBF471
83.3%	83.3% #DFF97F	RGB 223 249 127	#DFF97F
100.0%	100.0% #FFFF8F	RGB 255 255 143	#FFFF8F

#3CDF6D #48E455 #69E955 #94EF63 #BBF471 #DFF97F #FFFF8F

#3CDF6D - #94EF63 - #FFFF8F

CSS codes

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

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