#2EC9AC - #C3EFE7 | 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 #2EC9AC to #C3EFE7

#2EC9AC #C3EFE7

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

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

0.0%	0.0% #2EC9AC	RGB 46 201 172	#2EC9AC
16.7%	16.7% #46CFB5	RGB 70 207 181	#46CFB5
33.3%	33.3% #5FD5BF	RGB 95 213 191	#5FD5BF
50.0%	50.0% #78DCC9	RGB 120 220 201	#78DCC9
66.7%	66.7% #91E2D3	RGB 145 226 211	#91E2D3
83.3%	83.3% #AAE8DD	RGB 170 232 221	#AAE8DD
100.0%	100.0% #C3EFE7	RGB 195 239 231	#C3EFE7

#2EC9AC #46CFB5 #5FD5BF #78DCC9 #91E2D3 #AAE8DD #C3EFE7

#2EC9AC - #C3EFE7

HSV Blend

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

0.0%	0.0% #2EC9AC	RGB 46 201 172	#2EC9AC
16.7%	16.7% #43CFB5	RGB 67 207 181	#43CFB5
33.3%	33.3% #5AD5BE	RGB 90 213 190	#5AD5BE
50.0%	50.0% #72DCC8	RGB 114 220 200	#72DCC8
66.7%	66.7% #8CE2D2	RGB 140 226 210	#8CE2D2
83.3%	83.3% #A7E8DC	RGB 167 232 220	#A7E8DC
100.0%	100.0% #C3EFE7	RGB 195 239 231	#C3EFE7

#2EC9AC #43CFB5 #5AD5BE #72DCC8 #8CE2D2 #A7E8DC #C3EFE7

#2EC9AC - #72DCC8 - #C3EFE7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2EC9AC 0%, #72DCC8 50%, #C3EFE7 100%);
    background: -webkit-linear-gradient(top, #2EC9AC 0%, #72DCC8 50%, #C3EFE7 100%);
    background: linear-gradient(to bottom, #2EC9AC 0%, #72DCC8 50%, #C3EFE7 100%);
}
</style>