#CDC7CF - #FFDBF7 | 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 #CDC7CF to #FFDBF7

#CDC7CF #FFDBF7

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

#CDC7CF - #FFDBF7 | 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 #CDC7CF as 0% and #FFDBF7 as 100%.

0.0%	0.0% #CDC7CF	RGB 205 199 207	#CDC7CF
16.7%	16.7% #D5CAD5	RGB 213 202 213	#D5CAD5
33.3%	33.3% #DDCDDC	RGB 221 205 220	#DDCDDC
50.0%	50.0% #E6D1E3	RGB 230 209 227	#E6D1E3
66.7%	66.7% #EED4E9	RGB 238 212 233	#EED4E9
83.3%	83.3% #F6D7F0	RGB 246 215 240	#F6D7F0
100.0%	100.0% #FFDBF7	RGB 255 219 247	#FFDBF7

#CDC7CF #D5CAD5 #DDCDDC #E6D1E3 #EED4E9 #F6D7F0 #FFDBF7

#CDC7CF - #FFDBF7

HSV Blend

#CDC7CF - #FFDBF7 | 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 #CDC7CF as 0% and #FFDBF7 as 100%.

0.0%	0.0% #CDC7CF	RGB 205 199 207	#CDC7CF
16.7%	16.7% #D4CBD7	RGB 212 203 215	#D4CBD7
33.3%	33.3% #DDCEDF	RGB 221 206 223	#DDCEDF
50.0%	50.0% #E6D2E7	RGB 230 210 231	#E6D2E7
66.7%	66.7% #EFD5ED	RGB 239 213 237	#EFD5ED
83.3%	83.3% #F7D8F2	RGB 247 216 242	#F7D8F2
100.0%	100.0% #FFDBF7	RGB 255 219 247	#FFDBF7

#CDC7CF #D4CBD7 #DDCEDF #E6D2E7 #EFD5ED #F7D8F2 #FFDBF7

#CDC7CF - #E6D2E7 - #FFDBF7

CSS codes

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

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