#CBC3CC - #FFDDF2 | 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 #CBC3CC to #FFDDF2

#CBC3CC #FFDDF2

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

#CBC3CC - #FFDDF2 | 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 #CBC3CC as 0% and #FFDDF2 as 100%.

0.0%	0.0% #CBC3CC	RGB 203 195 204	#CBC3CC
16.7%	16.7% #D3C7D2	RGB 211 199 210	#D3C7D2
33.3%	33.3% #DCCBD8	RGB 220 203 216	#DCCBD8
50.0%	50.0% #E5D0DF	RGB 229 208 223	#E5D0DF
66.7%	66.7% #EDD4E5	RGB 237 212 229	#EDD4E5
83.3%	83.3% #F6D8EB	RGB 246 216 235	#F6D8EB
100.0%	100.0% #FFDDF2	RGB 255 221 242	#FFDDF2

#CBC3CC #D3C7D2 #DCCBD8 #E5D0DF #EDD4E5 #F6D8EB #FFDDF2

#CBC3CC - #FFDDF2

HSV Blend

#CBC3CC - #FFDDF2 | 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 #CBC3CC as 0% and #FFDDF2 as 100%.

0.0%	0.0% #CBC3CC	RGB 203 195 204	#CBC3CC
16.7%	16.7% #D4C7D4	RGB 212 199 212	#D4C7D4
33.3%	33.3% #DDCCDC	RGB 221 204 220	#DDCCDC
50.0%	50.0% #E5D1E2	RGB 229 209 226	#E5D1E2
66.7%	66.7% #EED5E8	RGB 238 213 232	#EED5E8
83.3%	83.3% #F6D9ED	RGB 246 217 237	#F6D9ED
100.0%	100.0% #FFDDF2	RGB 255 221 242	#FFDDF2

#CBC3CC #D4C7D4 #DDCCDC #E5D1E2 #EED5E8 #F6D9ED #FFDDF2

#CBC3CC - #E5D1E2 - #FFDDF2

CSS codes

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

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