#00CDDD - #D0FFD3 | 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 #00CDDD to #D0FFD3

#00CDDD #D0FFD3

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

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

0.0%	0.0% #00CDDD	RGB 0 205 221	#00CDDD
16.7%	16.7% #22D5DB	RGB 34 213 219	#22D5DB
33.3%	33.3% #45DDD9	RGB 69 221 217	#45DDD9
50.0%	50.0% #68E6D8	RGB 104 230 216	#68E6D8
66.7%	66.7% #8AEED6	RGB 138 238 214	#8AEED6
83.3%	83.3% #ADF6D4	RGB 173 246 212	#ADF6D4
100.0%	100.0% #D0FFD3	RGB 208 255 211	#D0FFD3

#00CDDD #22D5DB #45DDD9 #68E6D8 #8AEED6 #ADF6D4 #D0FFD3

#00CDDD - #D0FFD3

HSV Blend

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

0.0%	0.0% #00CDDD	RGB 0 205 221	#00CDDD
16.7%	16.7% #1EE2CF	RGB 30 226 207	#1EE2CF
33.3%	33.3% #3FE8BB	RGB 63 232 187	#3FE8BB
50.0%	50.0% #61EEB1	RGB 97 238 177	#61EEB1
66.7%	66.7% #84F3B0	RGB 132 243 176	#84F3B0
83.3%	83.3% #A9F9BC	RGB 169 249 188	#A9F9BC
100.0%	100.0% #D0FFD3	RGB 208 255 211	#D0FFD3

#00CDDD #1EE2CF #3FE8BB #61EEB1 #84F3B0 #A9F9BC #D0FFD3

#00CDDD - #61EEB1 - #D0FFD3

CSS codes

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

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