#2EC9DA - #DDF2D2 | 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 #2EC9DA to #DDF2D2

#2EC9DA #DDF2D2

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

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

0.0%	0.0% #2EC9DA	RGB 46 201 218	#2EC9DA
16.7%	16.7% #4BCFD8	RGB 75 207 216	#4BCFD8
33.3%	33.3% #68D6D7	RGB 104 214 215	#68D6D7
50.0%	50.0% #85DDD6	RGB 133 221 214	#85DDD6
66.7%	66.7% #A2E4D4	RGB 162 228 212	#A2E4D4
83.3%	83.3% #BFEBD3	RGB 191 235 211	#BFEBD3
100.0%	100.0% #DDF2D2	RGB 221 242 210	#DDF2D2

#2EC9DA #4BCFD8 #68D6D7 #85DDD6 #A2E4D4 #BFEBD3 #DDF2D2

#2EC9DA - #DDF2D2

HSV Blend

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

0.0%	0.0% #2DC9DA	RGB 45 201 218	#2DC9DA
16.7%	16.7% #47DEC8	RGB 71 222 200	#47DEC8
33.3%	33.3% #61E2B0	RGB 97 226 176	#61E2B0
50.0%	50.0% #7CE6A4	RGB 124 230 164	#7CE6A4
66.7%	66.7% #97EAA3	RGB 151 234 163	#97EAA3
83.3%	83.3% #BAEEB4	RGB 186 238 180	#BAEEB4
100.0%	100.0% #DDF2D2	RGB 221 242 210	#DDF2D2

#2DC9DA #47DEC8 #61E2B0 #7CE6A4 #97EAA3 #BAEEB4 #DDF2D2

#2EC9DA - #7CE6A4 - #DDF2D2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DC9DA 0%, #7CE6A4 50%, #DDF2D2 100%);
    background: -webkit-linear-gradient(top, #2DC9DA 0%, #7CE6A4 50%, #DDF2D2 100%);
    background: linear-gradient(to bottom, #2DC9DA 0%, #7CE6A4 50%, #DDF2D2 100%);
}
</style>