#DDB5E5 - #8953A7 | 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 #DDB5E5 to #8953A7

#DDB5E5 #8953A7

Calculate the color between two colors, #DDB5E5 and #8953A7. 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)

#DDB5E5 - #8953A7 | 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 #DDB5E5 as 0% and #8953A7 as 100%.

0.0%	0.0% #DDB5E5	RGB 221 181 229	#DDB5E5
16.7%	16.7% #CFA4DA	RGB 207 164 218	#CFA4DA
33.3%	33.3% #C194D0	RGB 193 148 208	#C194D0
50.0%	50.0% #B384C6	RGB 179 132 198	#B384C6
66.7%	66.7% #A573BB	RGB 165 115 187	#A573BB
83.3%	83.3% #9763B1	RGB 151 99 177	#9763B1
100.0%	100.0% #8953A7	RGB 137 83 167	#8953A7

#DDB5E5 #CFA4DA #C194D0 #B384C6 #A573BB #9763B1 #8953A7

#DDB5E5 - #8953A7

HSV Blend

#DDB5E5 - #8953A7 | 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 #DDB5E5 as 0% and #8953A7 as 100%.

0.0%	0.0% #DDB5E5	RGB 221 181 229	#DDB5E5
16.7%	16.7% #CFA2DA	RGB 207 162 218	#CFA2DA
33.3%	33.3% #C190D0	RGB 193 144 208	#C190D0
50.0%	50.0% #B37FC6	RGB 179 127 198	#B37FC6
66.7%	66.7% #A56FBB	RGB 165 111 187	#A56FBB
83.3%	83.3% #9760B1	RGB 151 96 177	#9760B1
100.0%	100.0% #8953A7	RGB 137 83 167	#8953A7

#DDB5E5 #CFA2DA #C190D0 #B37FC6 #A56FBB #9760B1 #8953A7

#DDB5E5 - #B37FC6 - #8953A7

CSS codes

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

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