#3C9F3C - #FFEC6B | 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 #3C9F3C to #FFEC6B

#3C9F3C #FFEC6B

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

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

0.0%	0.0% #3C9F3C	RGB 60 159 60	#3C9F3C
16.7%	16.7% #5CAB43	RGB 92 171 67	#5CAB43
33.3%	33.3% #7DB84B	RGB 125 184 75	#7DB84B
50.0%	50.0% #9DC553	RGB 157 197 83	#9DC553
66.7%	66.7% #BED25B	RGB 190 210 91	#BED25B
83.3%	83.3% #DEDF63	RGB 222 223 99	#DEDF63
100.0%	100.0% #FFEC6B	RGB 255 236 107	#FFEC6B

#3C9F3C #5CAB43 #7DB84B #9DC553 #BED25B #DEDF63 #FFEC6B

#3C9F3C - #FFEC6B

HSV Blend

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

0.0%	0.0% #3C9F3C	RGB 60 159 60	#3C9F3C
16.7%	16.7% #57AF43	RGB 87 175 67	#57AF43
33.3%	33.3% #76BF4A	RGB 118 191 74	#76BF4A
50.0%	50.0% #98CF52	RGB 152 207 82	#98CF52
66.7%	66.7% #BEDF5A	RGB 190 223 90	#BEDF5A
83.3%	83.3% #E6EF62	RGB 230 239 98	#E6EF62
100.0%	100.0% #FFEC6B	RGB 255 236 107	#FFEC6B

#3C9F3C #57AF43 #76BF4A #98CF52 #BEDF5A #E6EF62 #FFEC6B

#3C9F3C - #98CF52 - #FFEC6B

CSS codes

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

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