#CDDBF9 - #FFECF0 | 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 #CDDBF9 to #FFECF0

#CDDBF9 #FFECF0

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

#CDDBF9 - #FFECF0 | 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 #CDDBF9 as 0% and #FFECF0 as 100%.

0.0%	0.0% #CDDBF9	RGB 205 219 249	#CDDBF9
16.7%	16.7% #D5DDF7	RGB 213 221 247	#D5DDF7
33.3%	33.3% #DDE0F6	RGB 221 224 246	#DDE0F6
50.0%	50.0% #E6E3F4	RGB 230 227 244	#E6E3F4
66.7%	66.7% #EEE6F3	RGB 238 230 243	#EEE6F3
83.3%	83.3% #F6E9F1	RGB 246 233 241	#F6E9F1
100.0%	100.0% #FFECF0	RGB 255 236 240	#FFECF0

#CDDBF9 #D5DDF7 #DDE0F6 #E6E3F4 #EEE6F3 #F6E9F1 #FFECF0

#CDDBF9 - #FFECF0

HSV Blend

#CDDBF9 - #FFECF0 | 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 #CDDBF9 as 0% and #FFECF0 as 100%.

0.0%	0.0% #CDDBF9	RGB 205 219 249	#CDDBF9
16.7%	16.7% #D3D2FA	RGB 211 210 250	#D3D2FA
33.3%	33.3% #E4D7FB	RGB 228 215 251	#E4D7FB
50.0%	50.0% #F3DCFC	RGB 243 220 252	#F3DCFC
66.7%	66.7% #FDE1FA	RGB 253 225 250	#FDE1FA
83.3%	83.3% #FEE6F3	RGB 254 230 243	#FEE6F3
100.0%	100.0% #FFECF0	RGB 255 236 240	#FFECF0

#CDDBF9 #D3D2FA #E4D7FB #F3DCFC #FDE1FA #FEE6F3 #FFECF0

#CDDBF9 - #F3DCFC - #FFECF0

CSS codes

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

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