#3CAC4B - #ECD88B | 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 #3CAC4B to #ECD88B

#3CAC4B #ECD88B

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

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

0.0%	0.0% #3CAC4B	RGB 60 172 75	#3CAC4B
16.7%	16.7% #59B355	RGB 89 179 85	#59B355
33.3%	33.3% #76BA60	RGB 118 186 96	#76BA60
50.0%	50.0% #94C26B	RGB 148 194 107	#94C26B
66.7%	66.7% #B1C975	RGB 177 201 117	#B1C975
83.3%	83.3% #CED080	RGB 206 208 128	#CED080
100.0%	100.0% #ECD88B	RGB 236 216 139	#ECD88B

#3CAC4B #59B355 #76BA60 #94C26B #B1C975 #CED080 #ECD88B

#3CAC4B - #ECD88B

HSV Blend

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

0.0%	0.0% #3CAC4A	RGB 60 172 74	#3CAC4A
16.7%	16.7% #51B647	RGB 81 182 71	#51B647
33.3%	33.3% #75C152	RGB 117 193 82	#75C152
50.0%	50.0% #99CC5F	RGB 153 204 95	#99CC5F
66.7%	66.7% #BDD66D	RGB 189 214 109	#BDD66D
83.3%	83.3% #DFE17B	RGB 223 225 123	#DFE17B
100.0%	100.0% #ECD88B	RGB 236 216 139	#ECD88B

#3CAC4A #51B647 #75C152 #99CC5F #BDD66D #DFE17B #ECD88B

#3CAC4B - #99CC5F - #ECD88B

CSS codes

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

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