#DDD9DC - #AC8FA6 | 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 #DDD9DC to #AC8FA6

#DDD9DC #AC8FA6

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

#DDD9DC - #AC8FA6 | 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 #DDD9DC as 0% and #AC8FA6 as 100%.

0.0%	0.0% #DDD9DC	RGB 221 217 220	#DDD9DC
16.7%	16.7% #D4CCD3	RGB 212 204 211	#D4CCD3
33.3%	33.3% #CCC0CA	RGB 204 192 202	#CCC0CA
50.0%	50.0% #C4B4C1	RGB 196 180 193	#C4B4C1
66.7%	66.7% #BCA7B8	RGB 188 167 184	#BCA7B8
83.3%	83.3% #B49BAF	RGB 180 155 175	#B49BAF
100.0%	100.0% #AC8FA6	RGB 172 143 166	#AC8FA6

#DDD9DC #D4CCD3 #CCC0CA #C4B4C1 #BCA7B8 #B49BAF #AC8FA6

#DDD9DC - #AC8FA6

HSV Blend

#DDD9DC - #AC8FA6 | 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 #DDD9DC as 0% and #AC8FA6 as 100%.

0.0%	0.0% #DDD9DC	RGB 221 217 220	#DDD9DC
16.7%	16.7% #D4CBD2	RGB 212 203 210	#D4CBD2
33.3%	33.3% #CCBEC9	RGB 204 190 201	#CCBEC9
50.0%	50.0% #C4B2C0	RGB 196 178 192	#C4B2C0
66.7%	66.7% #BCA6B7	RGB 188 166 183	#BCA6B7
83.3%	83.3% #B49AAE	RGB 180 154 174	#B49AAE
100.0%	100.0% #AC8FA6	RGB 172 143 166	#AC8FA6

#DDD9DC #D4CBD2 #CCBEC9 #C4B2C0 #BCA6B7 #B49AAE #AC8FA6

#DDD9DC - #C4B2C0 - #AC8FA6

CSS codes

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

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