#00CCDA - #D2FFD3 | 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 #00CCDA to #D2FFD3

#00CCDA #D2FFD3

Calculate the color between two colors, #00CCDA and #D2FFD3. 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)

#00CCDA - #D2FFD3 | 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 #00CCDA as 0% and #D2FFD3 as 100%.

0.0%	0.0% #00CCDA	RGB 0 204 218	#00CCDA
16.7%	16.7% #23D4D8	RGB 35 212 216	#23D4D8
33.3%	33.3% #46DDD7	RGB 70 221 215	#46DDD7
50.0%	50.0% #69E5D6	RGB 105 229 214	#69E5D6
66.7%	66.7% #8CEED5	RGB 140 238 213	#8CEED5
83.3%	83.3% #AFF6D4	RGB 175 246 212	#AFF6D4
100.0%	100.0% #D2FFD3	RGB 210 255 211	#D2FFD3

#00CCDA #23D4D8 #46DDD7 #69E5D6 #8CEED5 #AFF6D4 #D2FFD3

#00CCDA - #D2FFD3

HSV Blend

#00CCDA - #D2FFD3 | 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 #00CCDA as 0% and #D2FFD3 as 100%.

0.0%	0.0% #00CBDA	RGB 0 203 218	#00CBDA
16.7%	16.7% #1EE0CA	RGB 30 224 202	#1EE0CA
33.3%	33.3% #3FE6B7	RGB 63 230 183	#3FE6B7
50.0%	50.0% #61ECAC	RGB 97 236 172	#61ECAC
66.7%	66.7% #85F2AD	RGB 133 242 173	#85F2AD
83.3%	83.3% #AAF8BA	RGB 170 248 186	#AAF8BA
100.0%	100.0% #D2FFD3	RGB 210 255 211	#D2FFD3

#00CBDA #1EE0CA #3FE6B7 #61ECAC #85F2AD #AAF8BA #D2FFD3

#00CCDA - #61ECAC - #D2FFD3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00CBDA 0%, #61ECAC 50%, #D2FFD3 100%);
    background: -webkit-linear-gradient(top, #00CBDA 0%, #61ECAC 50%, #D2FFD3 100%);
    background: linear-gradient(to bottom, #00CBDA 0%, #61ECAC 50%, #D2FFD3 100%);
}
</style>