#D9CDD4 - #C47DA1 | 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 #D9CDD4 to #C47DA1

#D9CDD4 #C47DA1

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

#D9CDD4 - #C47DA1 | 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 #D9CDD4 as 0% and #C47DA1 as 100%.

0.0%	0.0% #D9CDD4	RGB 217 205 212	#D9CDD4
16.7%	16.7% #D5BFCB	RGB 213 191 203	#D5BFCB
33.3%	33.3% #D2B2C3	RGB 210 178 195	#D2B2C3
50.0%	50.0% #CEA5BA	RGB 206 165 186	#CEA5BA
66.7%	66.7% #CB97B2	RGB 203 151 178	#CB97B2
83.3%	83.3% #C78AA9	RGB 199 138 169	#C78AA9
100.0%	100.0% #C47DA1	RGB 196 125 161	#C47DA1

#D9CDD4 #D5BFCB #D2B2C3 #CEA5BA #CB97B2 #C78AA9 #C47DA1

#D9CDD4 - #C47DA1

HSV Blend

#D9CDD4 - #C47DA1 | 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 #D9CDD4 as 0% and #C47DA1 as 100%.

0.0%	0.0% #D9CDD4	RGB 217 205 212	#D9CDD4
16.7%	16.7% #D5BECB	RGB 213 190 203	#D5BECB
33.3%	33.3% #D2B0C3	RGB 210 176 195	#D2B0C3
50.0%	50.0% #CEA3BA	RGB 206 163 186	#CEA3BA
66.7%	66.7% #CB96B2	RGB 203 150 178	#CB96B2
83.3%	83.3% #C789A9	RGB 199 137 169	#C789A9
100.0%	100.0% #C47DA1	RGB 196 125 161	#C47DA1

#D9CDD4 #D5BECB #D2B0C3 #CEA3BA #CB96B2 #C789A9 #C47DA1

#D9CDD4 - #CEA3BA - #C47DA1

CSS codes

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

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