#2DCCCE - #ECF6CD | 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 #2DCCCE to #ECF6CD

#2DCCCE #ECF6CD

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

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

0.0%	0.0% #2DCCCE	RGB 45 204 206	#2DCCCE
16.7%	16.7% #4CD3CD	RGB 76 211 205	#4CD3CD
33.3%	33.3% #6CDACD	RGB 108 218 205	#6CDACD
50.0%	50.0% #8CE1CD	RGB 140 225 205	#8CE1CD
66.7%	66.7% #ACE8CD	RGB 172 232 205	#ACE8CD
83.3%	83.3% #CCEFCD	RGB 204 239 205	#CCEFCD
100.0%	100.0% #ECF6CD	RGB 236 246 205	#ECF6CD

#2DCCCE #4CD3CD #6CDACD #8CE1CD #ACE8CD #CCEFCD #ECF6CD

#2DCCCE - #ECF6CD

HSV Blend

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

0.0%	0.0% #2DCCCE	RGB 45 204 206	#2DCCCE
16.7%	16.7% #44D4AB	RGB 68 212 171	#44D4AB
33.3%	33.3% #5CDB92	RGB 92 219 146	#5CDB92
50.0%	50.0% #76E284	RGB 118 226 132	#76E284
66.7%	66.7% #A0E892	RGB 160 232 146	#A0E892
83.3%	83.3% #CCEFAE	RGB 204 239 174	#CCEFAE
100.0%	100.0% #ECF6CD	RGB 236 246 205	#ECF6CD

#2DCCCE #44D4AB #5CDB92 #76E284 #A0E892 #CCEFAE #ECF6CD

#2DCCCE - #76E284 - #ECF6CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DCCCE 0%, #76E284 50%, #ECF6CD 100%);
    background: -webkit-linear-gradient(top, #2DCCCE 0%, #76E284 50%, #ECF6CD 100%);
    background: linear-gradient(to bottom, #2DCCCE 0%, #76E284 50%, #ECF6CD 100%);
}
</style>