#3AC242 - #ECD8AF | 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 #3AC242 to #ECD8AF

#3AC242 #ECD8AF

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

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

0.0%	0.0% #3AC242	RGB 58 194 66	#3AC242
16.7%	16.7% #57C554	RGB 87 197 84	#57C554
33.3%	33.3% #75C966	RGB 117 201 102	#75C966
50.0%	50.0% #93CD78	RGB 147 205 120	#93CD78
66.7%	66.7% #B0D08A	RGB 176 208 138	#B0D08A
83.3%	83.3% #CED49C	RGB 206 212 156	#CED49C
100.0%	100.0% #ECD8AF	RGB 236 216 175	#ECD8AF

#3AC242 #57C554 #75C966 #93CD78 #B0D08A #CED49C #ECD8AF

#3AC242 - #ECD8AF

HSV Blend

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

0.0%	0.0% #3AC242	RGB 58 194 66	#3AC242
16.7%	16.7% #60C94A	RGB 96 201 74	#60C94A
33.3%	33.3% #8BD05C	RGB 139 208 92	#8BD05C
50.0%	50.0% #B1D76F	RGB 177 215 111	#B1D76F
66.7%	66.7% #D1DE83	RGB 209 222 131	#D1DE83
83.3%	83.3% #E5DD98	RGB 229 221 152	#E5DD98
100.0%	100.0% #ECD8AF	RGB 236 216 175	#ECD8AF

#3AC242 #60C94A #8BD05C #B1D76F #D1DE83 #E5DD98 #ECD8AF

#3AC242 - #B1D76F - #ECD8AF

CSS codes

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

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