#8B5E9C - #DDD1E2 | 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 #8B5E9C to #DDD1E2

#8B5E9C #DDD1E2

Calculate the color between two colors, #8B5E9C and #DDD1E2. 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)

#8B5E9C - #DDD1E2 | 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 #8B5E9C as 0% and #DDD1E2 as 100%.

0.0%	0.0% #8B5E9C	RGB 139 94 156	#8B5E9C
16.7%	16.7% #9871A7	RGB 152 113 167	#9871A7
33.3%	33.3% #A684B3	RGB 166 132 179	#A684B3
50.0%	50.0% #B497BF	RGB 180 151 191	#B497BF
66.7%	66.7% #C1AACA	RGB 193 170 202	#C1AACA
83.3%	83.3% #CFBDD6	RGB 207 189 214	#CFBDD6
100.0%	100.0% #DDD1E2	RGB 221 209 226	#DDD1E2

#8B5E9C #9871A7 #A684B3 #B497BF #C1AACA #CFBDD6 #DDD1E2

#8B5E9C - #DDD1E2

HSV Blend

#8B5E9C - #DDD1E2 | 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 #8B5E9C as 0% and #DDD1E2 as 100%.

0.0%	0.0% #8B5E9C	RGB 139 94 156	#8B5E9C
16.7%	16.7% #976EA7	RGB 151 110 167	#976EA7
33.3%	33.3% #A47FB3	RGB 164 127 179	#A47FB3
50.0%	50.0% #B291BF	RGB 178 145 191	#B291BF
66.7%	66.7% #C0A5CA	RGB 192 165 202	#C0A5CA
83.3%	83.3% #CEBAD6	RGB 206 186 214	#CEBAD6
100.0%	100.0% #DDD1E2	RGB 221 209 226	#DDD1E2

#8B5E9C #976EA7 #A47FB3 #B291BF #C0A5CA #CEBAD6 #DDD1E2

#8B5E9C - #B291BF - #DDD1E2

CSS codes

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

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