#2DCCCC - #C7F2B3 | 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 #2DCCCC to #C7F2B3

#2DCCCC #C7F2B3

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

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

0.0%	0.0% #2DCCCC	RGB 45 204 204	#2DCCCC
16.7%	16.7% #46D2C7	RGB 70 210 199	#46D2C7
33.3%	33.3% #60D8C3	RGB 96 216 195	#60D8C3
50.0%	50.0% #7ADFBF	RGB 122 223 191	#7ADFBF
66.7%	66.7% #93E5BB	RGB 147 229 187	#93E5BB
83.3%	83.3% #ADEBB7	RGB 173 235 183	#ADEBB7
100.0%	100.0% #C7F2B3	RGB 199 242 179	#C7F2B3

#2DCCCC #46D2C7 #60D8C3 #7ADFBF #93E5BB #ADEBB7 #C7F2B3

#2DCCCC - #C7F2B3

HSV Blend

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

0.0%	0.0% #2CCCCC	RGB 44 204 204	#2CCCCC
16.7%	16.7% #40D2B2	RGB 64 210 178	#40D2B2
33.3%	33.3% #55D89E	RGB 85 216 158	#55D89E
50.0%	50.0% #6BDF92	RGB 107 223 146	#6BDF92
66.7%	66.7% #81E58E	RGB 129 229 142	#81E58E
83.3%	83.3% #A1EB99	RGB 161 235 153	#A1EB99
100.0%	100.0% #C7F2B3	RGB 199 242 179	#C7F2B3

#2CCCCC #40D2B2 #55D89E #6BDF92 #81E58E #A1EB99 #C7F2B3

#2DCCCC - #6BDF92 - #C7F2B3

CSS codes

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

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