#CDF8F8 - #D0E6DC | 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 #CDF8F8 to #D0E6DC

#CDF8F8 #D0E6DC

Calculate the color between two colors, #CDF8F8 and #D0E6DC. 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)

#CDF8F8 - #D0E6DC | 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 #CDF8F8 as 0% and #D0E6DC as 100%.

0.0%	0.0% #CDF8F8	RGB 205 248 248	#CDF8F8
16.7%	16.7% #CDF5F3	RGB 205 245 243	#CDF5F3
33.3%	33.3% #CEF2EE	RGB 206 242 238	#CEF2EE
50.0%	50.0% #CEEFEA	RGB 206 239 234	#CEEFEA
66.7%	66.7% #CFECE5	RGB 207 236 229	#CFECE5
83.3%	83.3% #CFE9E0	RGB 207 233 224	#CFE9E0
100.0%	100.0% #D0E6DC	RGB 208 230 220	#D0E6DC

#CDF8F8 #CDF5F3 #CEF2EE #CEEFEA #CFECE5 #CFE9E0 #D0E6DC

#CDF8F8 - #D0E6DC

HSV Blend

#CDF8F8 - #D0E6DC | 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 #CDF8F8 as 0% and #D0E6DC as 100%.

0.0%	0.0% #CDF8F8	RGB 205 248 248	#CDF8F8
16.7%	16.7% #CDF5F2	RGB 205 245 242	#CDF5F2
33.3%	33.3% #CEF2EC	RGB 206 242 236	#CEF2EC
50.0%	50.0% #CEEFE7	RGB 206 239 231	#CEEFE7
66.7%	66.7% #CFECE3	RGB 207 236 227	#CFECE3
83.3%	83.3% #CFE9DF	RGB 207 233 223	#CFE9DF
100.0%	100.0% #D0E6DC	RGB 208 230 220	#D0E6DC

#CDF8F8 #CDF5F2 #CEF2EC #CEEFE7 #CFECE3 #CFE9DF #D0E6DC

#CDF8F8 - #CEEFE7 - #D0E6DC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDF8F8 0%, #CEEFE7 50%, #D0E6DC 100%);
    background: -webkit-linear-gradient(top, #CDF8F8 0%, #CEEFE7 50%, #D0E6DC 100%);
    background: linear-gradient(to bottom, #CDF8F8 0%, #CEEFE7 50%, #D0E6DC 100%);
}
</style>