#2DC995 - #ECFBA3 | 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 #2DC995 to #ECFBA3

#2DC995 #ECFBA3

Calculate the color between two colors, #2DC995 and #ECFBA3. 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)

#2DC995 - #ECFBA3 | 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 #2DC995 as 0% and #ECFBA3 as 100%.

0.0%	0.0% #2DC995	RGB 45 201 149	#2DC995
16.7%	16.7% #4CD197	RGB 76 209 151	#4CD197
33.3%	33.3% #6CD999	RGB 108 217 153	#6CD999
50.0%	50.0% #8CE29C	RGB 140 226 156	#8CE29C
66.7%	66.7% #ACEA9E	RGB 172 234 158	#ACEA9E
83.3%	83.3% #CCF2A0	RGB 204 242 160	#CCF2A0
100.0%	100.0% #ECFBA3	RGB 236 251 163	#ECFBA3

#2DC995 #4CD197 #6CD999 #8CE29C #ACEA9E #CCF2A0 #ECFBA3

#2DC995 - #ECFBA3

HSV Blend

#2DC995 - #ECFBA3 | 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 #2DC995 as 0% and #ECFBA3 as 100%.

0.0%	0.0% #2DC995	RGB 45 201 149	#2DC995
16.7%	16.7% #3DD17B	RGB 61 209 123	#3DD17B
33.3%	33.3% #4FD966	RGB 79 217 102	#4FD966
50.0%	50.0% #6DE262	RGB 109 226 98	#6DE262
66.7%	66.7% #9DEA76	RGB 157 234 118	#9DEA76
83.3%	83.3% #C7F28C	RGB 199 242 140	#C7F28C
100.0%	100.0% #ECFBA3	RGB 236 251 163	#ECFBA3

#2DC995 #3DD17B #4FD966 #6DE262 #9DEA76 #C7F28C #ECFBA3

#2DC995 - #6DE262 - #ECFBA3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DC995 0%, #6DE262 50%, #ECFBA3 100%);
    background: -webkit-linear-gradient(top, #2DC995 0%, #6DE262 50%, #ECFBA3 100%);
    background: linear-gradient(to bottom, #2DC995 0%, #6DE262 50%, #ECFBA3 100%);
}
</style>