#CDDFD9 - #FAD7FF | 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 #CDDFD9 to #FAD7FF

#CDDFD9 #FAD7FF

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

#CDDFD9 - #FAD7FF | 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 #CDDFD9 as 0% and #FAD7FF as 100%.

0.0%	0.0% #CDDFD9	RGB 205 223 217	#CDDFD9
16.7%	16.7% #D4DDDF	RGB 212 221 223	#D4DDDF
33.3%	33.3% #DCDCE5	RGB 220 220 229	#DCDCE5
50.0%	50.0% #E3DBEC	RGB 227 219 236	#E3DBEC
66.7%	66.7% #EBD9F2	RGB 235 217 242	#EBD9F2
83.3%	83.3% #F2D8F8	RGB 242 216 248	#F2D8F8
100.0%	100.0% #FAD7FF	RGB 250 215 255	#FAD7FF

#CDDFD9 #D4DDDF #DCDCE5 #E3DBEC #EBD9F2 #F2D8F8 #FAD7FF

#CDDFD9 - #FAD7FF

HSV Blend

#CDDFD9 - #FAD7FF | 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 #CDDFD9 as 0% and #FAD7FF as 100%.

0.0%	0.0% #CDDFD9	RGB 205 223 217	#CDDFD9
16.7%	16.7% #CFE3E4	RGB 207 227 228	#CFE3E4
33.3%	33.3% #D0DFE9	RGB 208 223 233	#D0DFE9
50.0%	50.0% #D2D9EF	RGB 210 217 239	#D2D9EF
66.7%	66.7% #D8D4F4	RGB 216 212 244	#D8D4F4
83.3%	83.3% #E7D5F9	RGB 231 213 249	#E7D5F9
100.0%	100.0% #FAD7FF	RGB 250 215 255	#FAD7FF

#CDDFD9 #CFE3E4 #D0DFE9 #D2D9EF #D8D4F4 #E7D5F9 #FAD7FF

#CDDFD9 - #D2D9EF - #FAD7FF

CSS codes

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

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