#D9CDD5 - #9C719B | 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 #D9CDD5 to #9C719B

#D9CDD5 #9C719B

Calculate the color between two colors, #D9CDD5 and #9C719B. 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)

#D9CDD5 - #9C719B | 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 #D9CDD5 as 0% and #9C719B as 100%.

0.0%	0.0% #D9CDD5	RGB 217 205 213	#D9CDD5
16.7%	16.7% #CEBDCB	RGB 206 189 203	#CEBDCB
33.3%	33.3% #C4AEC1	RGB 196 174 193	#C4AEC1
50.0%	50.0% #BA9FB8	RGB 186 159 184	#BA9FB8
66.7%	66.7% #B08FAE	RGB 176 143 174	#B08FAE
83.3%	83.3% #A680A4	RGB 166 128 164	#A680A4
100.0%	100.0% #9C719B	RGB 156 113 155	#9C719B

#D9CDD5 #CEBDCB #C4AEC1 #BA9FB8 #B08FAE #A680A4 #9C719B

#D9CDD5 - #9C719B

HSV Blend

#D9CDD5 - #9C719B | 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 #D9CDD5 as 0% and #9C719B as 100%.

0.0%	0.0% #D9CDD5	RGB 217 205 213	#D9CDD5
16.7%	16.7% #CEBBC9	RGB 206 187 201	#CEBBC9
33.3%	33.3% #C4ABBE	RGB 196 171 190	#C4ABBE
50.0%	50.0% #BA9BB4	RGB 186 155 180	#BA9BB4
66.7%	66.7% #B08CAB	RGB 176 140 171	#B08CAB
83.3%	83.3% #A67EA3	RGB 166 126 163	#A67EA3
100.0%	100.0% #9C719B	RGB 156 113 155	#9C719B

#D9CDD5 #CEBBC9 #C4ABBE #BA9BB4 #B08CAB #A67EA3 #9C719B

#D9CDD5 - #BA9BB4 - #9C719B

CSS codes

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

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