#2DCCA2 - #C3F0E4 | 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 #2DCCA2 to #C3F0E4

#2DCCA2 #C3F0E4

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

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

0.0%	0.0% #2DCCA2	RGB 45 204 162	#2DCCA2
16.7%	16.7% #46D2AD	RGB 70 210 173	#46D2AD
33.3%	33.3% #5FD8B8	RGB 95 216 184	#5FD8B8
50.0%	50.0% #78DEC3	RGB 120 222 195	#78DEC3
66.7%	66.7% #91E4CE	RGB 145 228 206	#91E4CE
83.3%	83.3% #AAEAD9	RGB 170 234 217	#AAEAD9
100.0%	100.0% #C3F0E4	RGB 195 240 228	#C3F0E4

#2DCCA2 #46D2AD #5FD8B8 #78DEC3 #91E4CE #AAEAD9 #C3F0E4

#2DCCA2 - #C3F0E4

HSV Blend

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

0.0%	0.0% #2CCCA2	RGB 44 204 162	#2CCCA2
16.7%	16.7% #43D2AC	RGB 67 210 172	#43D2AC
33.3%	33.3% #5AD8B6	RGB 90 216 182	#5AD8B6
50.0%	50.0% #72DEC1	RGB 114 222 193	#72DEC1
66.7%	66.7% #8CE4CC	RGB 140 228 204	#8CE4CC
83.3%	83.3% #A7EAD8	RGB 167 234 216	#A7EAD8
100.0%	100.0% #C3F0E4	RGB 195 240 228	#C3F0E4

#2CCCA2 #43D2AC #5AD8B6 #72DEC1 #8CE4CC #A7EAD8 #C3F0E4

#2DCCA2 - #72DEC1 - #C3F0E4

CSS codes

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

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