#3CAE3C - #FFF96E | 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 #3CAE3C to #FFF96E

#3CAE3C #FFF96E

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

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

0.0%	0.0% #3CAE3C	RGB 60 174 60	#3CAE3C
16.7%	16.7% #5CBA44	RGB 92 186 68	#5CBA44
33.3%	33.3% #7DC74C	RGB 125 199 76	#7DC74C
50.0%	50.0% #9DD355	RGB 157 211 85	#9DD355
66.7%	66.7% #BEE05D	RGB 190 224 93	#BEE05D
83.3%	83.3% #DEEC65	RGB 222 236 101	#DEEC65
100.0%	100.0% #FFF96E	RGB 255 249 110	#FFF96E

#3CAE3C #5CBA44 #7DC74C #9DD355 #BEE05D #DEEC65 #FFF96E

#3CAE3C - #FFF96E

HSV Blend

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

0.0%	0.0% #3CAE3C	RGB 60 174 60	#3CAE3C
16.7%	16.7% #58BB43	RGB 88 187 67	#58BB43
33.3%	33.3% #76C94B	RGB 118 201 75	#76C94B
50.0%	50.0% #97D653	RGB 151 214 83	#97D653
66.7%	66.7% #BAE45B	RGB 186 228 91	#BAE45B
83.3%	83.3% #DEF164	RGB 222 241 100	#DEF164
100.0%	100.0% #FFF96E	RGB 255 249 110	#FFF96E

#3CAE3C #58BB43 #76C94B #97D653 #BAE45B #DEF164 #FFF96E

#3CAE3C - #97D653 - #FFF96E

CSS codes

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

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