#2BAC8C - #C2E7DD | 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 #2BAC8C to #C2E7DD

#2BAC8C #C2E7DD

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

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

0.0%	0.0% #2BAC8C	RGB 43 172 140	#2BAC8C
16.7%	16.7% #44B599	RGB 68 181 153	#44B599
33.3%	33.3% #5DBFA7	RGB 93 191 167	#5DBFA7
50.0%	50.0% #76C9B4	RGB 118 201 180	#76C9B4
66.7%	66.7% #8FD3C2	RGB 143 211 194	#8FD3C2
83.3%	83.3% #A8DDCF	RGB 168 221 207	#A8DDCF
100.0%	100.0% #C2E7DD	RGB 194 231 221	#C2E7DD

#2BAC8C #44B599 #5DBFA7 #76C9B4 #8FD3C2 #A8DDCF #C2E7DD

#2BAC8C - #C2E7DD

HSV Blend

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

0.0%	0.0% #2BAC8C	RGB 43 172 140	#2BAC8C
16.7%	16.7% #3FB597	RGB 63 181 151	#3FB597
33.3%	33.3% #55BFA4	RGB 85 191 164	#55BFA4
50.0%	50.0% #6DC9B1	RGB 109 201 177	#6DC9B1
66.7%	66.7% #87D3BF	RGB 135 211 191	#87D3BF
83.3%	83.3% #A4DDCD	RGB 164 221 205	#A4DDCD
100.0%	100.0% #C2E7DD	RGB 194 231 221	#C2E7DD

#2BAC8C #3FB597 #55BFA4 #6DC9B1 #87D3BF #A4DDCD #C2E7DD

#2BAC8C - #6DC9B1 - #C2E7DD

CSS codes

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

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