#CDC2C5 - #FFDFDB | 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 #CDC2C5 to #FFDFDB

#CDC2C5 #FFDFDB

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

#CDC2C5 - #FFDFDB | 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 #CDC2C5 as 0% and #FFDFDB as 100%.

0.0%	0.0% #CDC2C5	RGB 205 194 197	#CDC2C5
16.7%	16.7% #D5C6C8	RGB 213 198 200	#D5C6C8
33.3%	33.3% #DDCBCC	RGB 221 203 204	#DDCBCC
50.0%	50.0% #E6D0D0	RGB 230 208 208	#E6D0D0
66.7%	66.7% #EED5D3	RGB 238 213 211	#EED5D3
83.3%	83.3% #F6DAD7	RGB 246 218 215	#F6DAD7
100.0%	100.0% #FFDFDB	RGB 255 223 219	#FFDFDB

#CDC2C5 #D5C6C8 #DDCBCC #E6D0D0 #EED5D3 #F6DAD7 #FFDFDB

#CDC2C5 - #FFDFDB

HSV Blend

#CDC2C5 - #FFDFDB | 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 #CDC2C5 as 0% and #FFDFDB as 100%.

0.0%	0.0% #CDC2C5	RGB 205 194 197	#CDC2C5
16.7%	16.7% #D5C6C9	RGB 213 198 201	#D5C6C9
33.3%	33.3% #DDCBCD	RGB 221 203 205	#DDCBCD
50.0%	50.0% #E6CFD1	RGB 230 207 209	#E6CFD1
66.7%	66.7% #EED3D4	RGB 238 211 212	#EED3D4
83.3%	83.3% #F6D8D7	RGB 246 216 215	#F6D8D7
100.0%	100.0% #FFDFDB	RGB 255 223 219	#FFDFDB

#CDC2C5 #D5C6C9 #DDCBCD #E6CFD1 #EED3D4 #F6D8D7 #FFDFDB

#CDC2C5 - #E6CFD1 - #FFDFDB

CSS codes

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

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