#D9CDD0 - #C47D8C | 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 #D9CDD0 to #C47D8C

#D9CDD0 #C47D8C

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

#D9CDD0 - #C47D8C | 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 #D9CDD0 as 0% and #C47D8C as 100%.

0.0%	0.0% #D9CDD0	RGB 217 205 208	#D9CDD0
16.7%	16.7% #D5BFC4	RGB 213 191 196	#D5BFC4
33.3%	33.3% #D2B2B9	RGB 210 178 185	#D2B2B9
50.0%	50.0% #CEA5AE	RGB 206 165 174	#CEA5AE
66.7%	66.7% #CB97A2	RGB 203 151 162	#CB97A2
83.3%	83.3% #C78A97	RGB 199 138 151	#C78A97
100.0%	100.0% #C47D8C	RGB 196 125 140	#C47D8C

#D9CDD0 #D5BFC4 #D2B2B9 #CEA5AE #CB97A2 #C78A97 #C47D8C

#D9CDD0 - #C47D8C

HSV Blend

#D9CDD0 - #C47D8C | 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 #D9CDD0 as 0% and #C47D8C as 100%.

0.0%	0.0% #D9CDD0	RGB 217 205 208	#D9CDD0
16.7%	16.7% #D5BEC4	RGB 213 190 196	#D5BEC4
33.3%	33.3% #D2B0B8	RGB 210 176 184	#D2B0B8
50.0%	50.0% #CEA3AD	RGB 206 163 173	#CEA3AD
66.7%	66.7% #CB96A2	RGB 203 150 162	#CB96A2
83.3%	83.3% #C78996	RGB 199 137 150	#C78996
100.0%	100.0% #C47D8C	RGB 196 125 140	#C47D8C

#D9CDD0 #D5BEC4 #D2B0B8 #CEA3AD #CB96A2 #C78996 #C47D8C

#D9CDD0 - #CEA3AD - #C47D8C

CSS codes

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

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