#2ACDAE - #C2F0E7 | 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 #2ACDAE to #C2F0E7

#2ACDAE #C2F0E7

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

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

0.0%	0.0% #2ACDAE	RGB 42 205 174	#2ACDAE
16.7%	16.7% #43D2B7	RGB 67 210 183	#43D2B7
33.3%	33.3% #5CD8C1	RGB 92 216 193	#5CD8C1
50.0%	50.0% #76DECA	RGB 118 222 202	#76DECA
66.7%	66.7% #8FE4D4	RGB 143 228 212	#8FE4D4
83.3%	83.3% #A8EADD	RGB 168 234 221	#A8EADD
100.0%	100.0% #C2F0E7	RGB 194 240 231	#C2F0E7

#2ACDAE #43D2B7 #5CD8C1 #76DECA #8FE4D4 #A8EADD #C2F0E7

#2ACDAE - #C2F0E7

HSV Blend

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

0.0%	0.0% #2ACDAD	RGB 42 205 173	#2ACDAD
16.7%	16.7% #40D2B6	RGB 64 210 182	#40D2B6
33.3%	33.3% #57D8BF	RGB 87 216 191	#57D8BF
50.0%	50.0% #70DEC9	RGB 112 222 201	#70DEC9
66.7%	66.7% #8AE4D2	RGB 138 228 210	#8AE4D2
83.3%	83.3% #A5EADC	RGB 165 234 220	#A5EADC
100.0%	100.0% #C2F0E7	RGB 194 240 231	#C2F0E7

#2ACDAD #40D2B6 #57D8BF #70DEC9 #8AE4D2 #A5EADC #C2F0E7

#2ACDAE - #70DEC9 - #C2F0E7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2ACDAD 0%, #70DEC9 50%, #C2F0E7 100%);
    background: -webkit-linear-gradient(top, #2ACDAD 0%, #70DEC9 50%, #C2F0E7 100%);
    background: linear-gradient(to bottom, #2ACDAD 0%, #70DEC9 50%, #C2F0E7 100%);
}
</style>