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

#00C8D6 #D0FFD3

Calculate the color between two colors, #00C8D6 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)

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

0.0%	0.0% #00C8D6	RGB 0 200 214	#00C8D6
16.7%	16.7% #22D1D5	RGB 34 209 213	#22D1D5
33.3%	33.3% #45DAD5	RGB 69 218 213	#45DAD5
50.0%	50.0% #68E3D4	RGB 104 227 212	#68E3D4
66.7%	66.7% #8AECD4	RGB 138 236 212	#8AECD4
83.3%	83.3% #ADF5D3	RGB 173 245 211	#ADF5D3
100.0%	100.0% #D0FFD3	RGB 208 255 211	#D0FFD3

#00C8D6 #22D1D5 #45DAD5 #68E3D4 #8AECD4 #ADF5D3 #D0FFD3

#00C8D6 - #D0FFD3

HSV Blend

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

0.0%	0.0% #00C8D6	RGB 0 200 214	#00C8D6
16.7%	16.7% #1EDCC9	RGB 30 220 201	#1EDCC9
33.3%	33.3% #3DE3B7	RGB 61 227 183	#3DE3B7
50.0%	50.0% #5FEAAE	RGB 95 234 174	#5FEAAE
66.7%	66.7% #83F1AF	RGB 131 241 175	#83F1AF
83.3%	83.3% #A8F8BB	RGB 168 248 187	#A8F8BB
100.0%	100.0% #D0FFD3	RGB 208 255 211	#D0FFD3

#00C8D6 #1EDCC9 #3DE3B7 #5FEAAE #83F1AF #A8F8BB #D0FFD3

#00C8D6 - #5FEAAE - #D0FFD3

CSS codes

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

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