#CDC2D6 - #FFD9CB | 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 #CDC2D6 to #FFD9CB

#CDC2D6 #FFD9CB

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

#CDC2D6 - #FFD9CB | 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 #CDC2D6 as 0% and #FFD9CB as 100%.

0.0%	0.0% #CDC2D6	RGB 205 194 214	#CDC2D6
16.7%	16.7% #D5C5D4	RGB 213 197 212	#D5C5D4
33.3%	33.3% #DDC9D2	RGB 221 201 210	#DDC9D2
50.0%	50.0% #E6CDD0	RGB 230 205 208	#E6CDD0
66.7%	66.7% #EED1CE	RGB 238 209 206	#EED1CE
83.3%	83.3% #F6D5CC	RGB 246 213 204	#F6D5CC
100.0%	100.0% #FFD9CB	RGB 255 217 203	#FFD9CB

#CDC2D6 #D5C5D4 #DDC9D2 #E6CDD0 #EED1CE #F6D5CC #FFD9CB

#CDC2D6 - #FFD9CB

HSV Blend

#CDC2D6 - #FFD9CB | 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 #CDC2D6 as 0% and #FFD9CB as 100%.

0.0%	0.0% #CDC2D6	RGB 205 194 214	#CDC2D6
16.7%	16.7% #D8C4DC	RGB 216 196 220	#D8C4DC
33.3%	33.3% #E3C6E0	RGB 227 198 224	#E3C6E0
50.0%	50.0% #EAC7DC	RGB 234 199 220	#EAC7DC
66.7%	66.7% #F1C9D5	RGB 241 201 213	#F1C9D5
83.3%	83.3% #F8CACA	RGB 248 202 202	#F8CACA
100.0%	100.0% #FFD9CB	RGB 255 217 203	#FFD9CB

#CDC2D6 #D8C4DC #E3C6E0 #EAC7DC #F1C9D5 #F8CACA #FFD9CB

#CDC2D6 - #EAC7DC - #FFD9CB

CSS codes

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

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