#CDC3C9 - #FFF0DB | 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 #CDC3C9 to #FFF0DB

#CDC3C9 #FFF0DB

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

#CDC3C9 - #FFF0DB | 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 #CDC3C9 as 0% and #FFF0DB as 100%.

0.0%	0.0% #CDC3C9	RGB 205 195 201	#CDC3C9
16.7%	16.7% #D5CACC	RGB 213 202 204	#D5CACC
33.3%	33.3% #DDD2CF	RGB 221 210 207	#DDD2CF
50.0%	50.0% #E6D9D2	RGB 230 217 210	#E6D9D2
66.7%	66.7% #EEE1D5	RGB 238 225 213	#EEE1D5
83.3%	83.3% #F6E8D8	RGB 246 232 216	#F6E8D8
100.0%	100.0% #FFF0DB	RGB 255 240 219	#FFF0DB

#CDC3C9 #D5CACC #DDD2CF #E6D9D2 #EEE1D5 #F6E8D8 #FFF0DB

#CDC3C9 - #FFF0DB

HSV Blend

#CDC3C9 - #FFF0DB | 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 #CDC3C9 as 0% and #FFF0DB as 100%.

0.0%	0.0% #CDC3C9	RGB 205 195 201	#CDC3C9
16.7%	16.7% #D5C7CD	RGB 213 199 205	#D5C7CD
33.3%	33.3% #DDCCCF	RGB 221 204 207	#DDCCCF
50.0%	50.0% #E6D0D0	RGB 230 208 208	#E6D0D0
66.7%	66.7% #EED8D4	RGB 238 216 212	#EED8D4
83.3%	83.3% #F6E3D7	RGB 246 227 215	#F6E3D7
100.0%	100.0% #FFF0DB	RGB 255 240 219	#FFF0DB

#CDC3C9 #D5C7CD #DDCCCF #E6D0D0 #EED8D4 #F6E3D7 #FFF0DB

#CDC3C9 - #E6D0D0 - #FFF0DB

CSS codes

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

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