#3AC242 - #ECD7AF | 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 #ECD7AF

#3AC242 #ECD7AF

Calculate the color between two colors, #3AC242 and #ECD7AF. 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 - #ECD7AF | 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 #ECD7AF 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% #93CC78	RGB 147 204 120	#93CC78
66.7%	66.7% #B0D08A	RGB 176 208 138	#B0D08A
83.3%	83.3% #CED39C	RGB 206 211 156	#CED39C
100.0%	100.0% #ECD7AF	RGB 236 215 175	#ECD7AF

#3AC242 #57C554 #75C966 #93CC78 #B0D08A #CED39C #ECD7AF

#3AC242 - #ECD7AF

HSV Blend

#3AC242 - #ECD7AF | 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 #ECD7AF 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% #B2D76F	RGB 178 215 111	#B2D76F
66.7%	66.7% #D2DE83	RGB 210 222 131	#D2DE83
83.3%	83.3% #E5DC98	RGB 229 220 152	#E5DC98
100.0%	100.0% #ECD7AF	RGB 236 215 175	#ECD7AF

#3AC242 #60C94A #8BD05C #B2D76F #D2DE83 #E5DC98 #ECD7AF

#3AC242 - #B2D76F - #ECD7AF

CSS codes

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

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