#CEE9FF - #DBEFF5 | 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 #CEE9FF to #DBEFF5

#CEE9FF #DBEFF5

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

#CEE9FF - #DBEFF5 | 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 #CEE9FF as 0% and #DBEFF5 as 100%.

0.0%	0.0% #CEE9FF	RGB 206 233 255	#CEE9FF
16.7%	16.7% #D0EAFD	RGB 208 234 253	#D0EAFD
33.3%	33.3% #D2EBFB	RGB 210 235 251	#D2EBFB
50.0%	50.0% #D4ECFA	RGB 212 236 250	#D4ECFA
66.7%	66.7% #D6EDF8	RGB 214 237 248	#D6EDF8
83.3%	83.3% #D8EEF6	RGB 216 238 246	#D8EEF6
100.0%	100.0% #DBEFF5	RGB 219 239 245	#DBEFF5

#CEE9FF #D0EAFD #D2EBFB #D4ECFA #D6EDF8 #D8EEF6 #DBEFF5

#CEE9FF - #DBEFF5

HSV Blend

#CEE9FF - #DBEFF5 | 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 #CEE9FF as 0% and #DBEFF5 as 100%.

0.0%	0.0% #CEE9FF	RGB 206 233 255	#CEE9FF
16.7%	16.7% #D0EAFD	RGB 208 234 253	#D0EAFD
33.3%	33.3% #D2ECFB	RGB 210 236 251	#D2ECFB
50.0%	50.0% #D4EDFA	RGB 212 237 250	#D4EDFA
66.7%	66.7% #D6EEF8	RGB 214 238 248	#D6EEF8
83.3%	83.3% #D8EEF6	RGB 216 238 246	#D8EEF6
100.0%	100.0% #DBEFF5	RGB 219 239 245	#DBEFF5

#CEE9FF #D0EAFD #D2ECFB #D4EDFA #D6EEF8 #D8EEF6 #DBEFF5

#CEE9FF - #D4EDFA - #DBEFF5

CSS codes

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

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