#D9DDD9 - #CFE1FF | 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 #D9DDD9 to #CFE1FF

#D9DDD9 #CFE1FF

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

#D9DDD9 - #CFE1FF | 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 #D9DDD9 as 0% and #CFE1FF as 100%.

0.0%	0.0% #D9DDD9	RGB 217 221 217	#D9DDD9
16.7%	16.7% #D7DDDF	RGB 215 221 223	#D7DDDF
33.3%	33.3% #D5DEE5	RGB 213 222 229	#D5DEE5
50.0%	50.0% #D4DFEC	RGB 212 223 236	#D4DFEC
66.7%	66.7% #D2DFF2	RGB 210 223 242	#D2DFF2
83.3%	83.3% #D0E0F8	RGB 208 224 248	#D0E0F8
100.0%	100.0% #CFE1FF	RGB 207 225 255	#CFE1FF

#D9DDD9 #D7DDDF #D5DEE5 #D4DFEC #D2DFF2 #D0E0F8 #CFE1FF

#D9DDD9 - #CFE1FF

HSV Blend

#D9DDD9 - #CFE1FF | 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 #D9DDD9 as 0% and #CFE1FF as 100%.

0.0%	0.0% #D9DDD9	RGB 217 221 217	#D9DDD9
16.7%	16.7% #D8E2DA	RGB 216 226 218	#D8E2DA
33.3%	33.3% #D6E8E0	RGB 214 232 224	#D6E8E0
50.0%	50.0% #D5EEE9	RGB 213 238 233	#D5EEE9
66.7%	66.7% #D3F0F3	RGB 211 240 243	#D3F0F3
83.3%	83.3% #D1EBF9	RGB 209 235 249	#D1EBF9
100.0%	100.0% #CFE1FF	RGB 207 225 255	#CFE1FF

#D9DDD9 #D8E2DA #D6E8E0 #D5EEE9 #D3F0F3 #D1EBF9 #CFE1FF

#D9DDD9 - #D5EEE9 - #CFE1FF

CSS codes

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

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