#CDC8FE - #D7DDF3 | 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 #CDC8FE to #D7DDF3

#CDC8FE #D7DDF3

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

#CDC8FE - #D7DDF3 | 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 #CDC8FE as 0% and #D7DDF3 as 100%.

0.0%	0.0% #CDC8FE	RGB 205 200 254	#CDC8FE
16.7%	16.7% #CECBFC	RGB 206 203 252	#CECBFC
33.3%	33.3% #D0CFFA	RGB 208 207 250	#D0CFFA
50.0%	50.0% #D2D2F8	RGB 210 210 248	#D2D2F8
66.7%	66.7% #D3D6F6	RGB 211 214 246	#D3D6F6
83.3%	83.3% #D5D9F4	RGB 213 217 244	#D5D9F4
100.0%	100.0% #D7DDF3	RGB 215 221 243	#D7DDF3

#CDC8FE #CECBFC #D0CFFA #D2D2F8 #D3D6F6 #D5D9F4 #D7DDF3

#CDC8FE - #D7DDF3

HSV Blend

#CDC8FE - #D7DDF3 | 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 #CDC8FE as 0% and #D7DDF3 as 100%.

0.0%	0.0% #CDC8FE	RGB 205 200 254	#CDC8FE
16.7%	16.7% #CCCAFC	RGB 204 202 252	#CCCAFC
33.3%	33.3% #CDCDFA	RGB 205 205 250	#CDCDFA
50.0%	50.0% #CFD2F8	RGB 207 210 248	#CFD2F8
66.7%	66.7% #D2D6F6	RGB 210 214 246	#D2D6F6
83.3%	83.3% #D4D9F4	RGB 212 217 244	#D4D9F4
100.0%	100.0% #D7DDF3	RGB 215 221 243	#D7DDF3

#CDC8FE #CCCAFC #CDCDFA #CFD2F8 #D2D6F6 #D4D9F4 #D7DDF3

#CDC8FE - #CFD2F8 - #D7DDF3

CSS codes

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

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