#DDD5E6 - #AE8AAF | 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 #DDD5E6 to #AE8AAF

#DDD5E6 #AE8AAF

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

#DDD5E6 - #AE8AAF | 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 #DDD5E6 as 0% and #AE8AAF as 100%.

0.0%	0.0% #DDD5E6	RGB 221 213 230	#DDD5E6
16.7%	16.7% #D5C8DC	RGB 213 200 220	#D5C8DC
33.3%	33.3% #CDBCD3	RGB 205 188 211	#CDBCD3
50.0%	50.0% #C5AFCA	RGB 197 175 202	#C5AFCA
66.7%	66.7% #BDA3C1	RGB 189 163 193	#BDA3C1
83.3%	83.3% #B596B8	RGB 181 150 184	#B596B8
100.0%	100.0% #AE8AAF	RGB 174 138 175	#AE8AAF

#DDD5E6 #D5C8DC #CDBCD3 #C5AFCA #BDA3C1 #B596B8 #AE8AAF

#DDD5E6 - #AE8AAF

HSV Blend

#DDD5E6 - #AE8AAF | 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 #DDD5E6 as 0% and #AE8AAF as 100%.

0.0%	0.0% #DDD5E6	RGB 221 213 230	#DDD5E6
16.7%	16.7% #D3C7DC	RGB 211 199 220	#D3C7DC
33.3%	33.3% #CABAD3	RGB 202 186 211	#CABAD3
50.0%	50.0% #C2ADCA	RGB 194 173 202	#C2ADCA
66.7%	66.7% #BBA1C1	RGB 187 161 193	#BBA1C1
83.3%	83.3% #B495B8	RGB 180 149 184	#B495B8
100.0%	100.0% #AE8AAF	RGB 174 138 175	#AE8AAF

#DDD5E6 #D3C7DC #CABAD3 #C2ADCA #BBA1C1 #B495B8 #AE8AAF

#DDD5E6 - #C2ADCA - #AE8AAF

CSS codes

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

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