#D9CDD8 - #A97DA3 | 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 #D9CDD8 to #A97DA3

#D9CDD8 #A97DA3

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

#D9CDD8 - #A97DA3 | 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 #D9CDD8 as 0% and #A97DA3 as 100%.

0.0%	0.0% #D9CDD8	RGB 217 205 216	#D9CDD8
16.7%	16.7% #D1BFCF	RGB 209 191 207	#D1BFCF
33.3%	33.3% #C9B2C6	RGB 201 178 198	#C9B2C6
50.0%	50.0% #C1A5BD	RGB 193 165 189	#C1A5BD
66.7%	66.7% #B997B4	RGB 185 151 180	#B997B4
83.3%	83.3% #B18AAB	RGB 177 138 171	#B18AAB
100.0%	100.0% #A97DA3	RGB 169 125 163	#A97DA3

#D9CDD8 #D1BFCF #C9B2C6 #C1A5BD #B997B4 #B18AAB #A97DA3

#D9CDD8 - #A97DA3

HSV Blend

#D9CDD8 - #A97DA3 | 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 #D9CDD8 as 0% and #A97DA3 as 100%.

0.0%	0.0% #D9CDD8	RGB 217 205 216	#D9CDD8
16.7%	16.7% #D1BECF	RGB 209 190 207	#D1BECF
33.3%	33.3% #C9B0C6	RGB 201 176 198	#C9B0C6
50.0%	50.0% #C1A2BD	RGB 193 162 189	#C1A2BD
66.7%	66.7% #B995B4	RGB 185 149 180	#B995B4
83.3%	83.3% #B188AB	RGB 177 136 171	#B188AB
100.0%	100.0% #A97DA3	RGB 169 125 163	#A97DA3

#D9CDD8 #D1BECF #C9B0C6 #C1A2BD #B995B4 #B188AB #A97DA3

#D9CDD8 - #C1A2BD - #A97DA3

CSS codes

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

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