#DDD8DF - #AA8BBC | 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 #DDD8DF to #AA8BBC

#DDD8DF #AA8BBC

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

#DDD8DF - #AA8BBC | 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 #DDD8DF as 0% and #AA8BBC as 100%.

0.0%	0.0% #DDD8DF	RGB 221 216 223	#DDD8DF
16.7%	16.7% #D4CBD9	RGB 212 203 217	#D4CBD9
33.3%	33.3% #CCBED3	RGB 204 190 211	#CCBED3
50.0%	50.0% #C3B1CD	RGB 195 177 205	#C3B1CD
66.7%	66.7% #BBA4C7	RGB 187 164 199	#BBA4C7
83.3%	83.3% #B297C1	RGB 178 151 193	#B297C1
100.0%	100.0% #AA8BBC	RGB 170 139 188	#AA8BBC

#DDD8DF #D4CBD9 #CCBED3 #C3B1CD #BBA4C7 #B297C1 #AA8BBC

#DDD8DF - #AA8BBC

HSV Blend

#DDD8DF - #AA8BBC | 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 #DDD8DF as 0% and #AA8BBC as 100%.

0.0%	0.0% #DDD8DF	RGB 221 216 223	#DDD8DF
16.7%	16.7% #D4CAD9	RGB 212 202 217	#D4CAD9
33.3%	33.3% #CCBCD3	RGB 204 188 211	#CCBCD3
50.0%	50.0% #C3AFCD	RGB 195 175 205	#C3AFCD
66.7%	66.7% #BBA2C7	RGB 187 162 199	#BBA2C7
83.3%	83.3% #B296C1	RGB 178 150 193	#B296C1
100.0%	100.0% #AA8BBC	RGB 170 139 188	#AA8BBC

#DDD8DF #D4CAD9 #CCBCD3 #C3AFCD #BBA2C7 #B296C1 #AA8BBC

#DDD8DF - #C3AFCD - #AA8BBC

CSS codes

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

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