#8C5DAD - #DDD0E7 | 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 #8C5DAD to #DDD0E7

#8C5DAD #DDD0E7

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

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

0.0%	0.0% #8C5DAD	RGB 140 93 173	#8C5DAD
16.7%	16.7% #9970B6	RGB 153 112 182	#9970B6
33.3%	33.3% #A783C0	RGB 167 131 192	#A783C0
50.0%	50.0% #B496CA	RGB 180 150 202	#B496CA
66.7%	66.7% #C2A9D3	RGB 194 169 211	#C2A9D3
83.3%	83.3% #CFBCDD	RGB 207 188 221	#CFBCDD
100.0%	100.0% #DDD0E7	RGB 221 208 231	#DDD0E7

#8C5DAD #9970B6 #A783C0 #B496CA #C2A9D3 #CFBCDD #DDD0E7

#8C5DAD - #DDD0E7

HSV Blend

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

0.0%	0.0% #8C5DAD	RGB 140 93 173	#8C5DAD
16.7%	16.7% #986DB6	RGB 152 109 182	#986DB6
33.3%	33.3% #A47EC0	RGB 164 126 192	#A47EC0
50.0%	50.0% #B191CA	RGB 177 145 202	#B191CA
66.7%	66.7% #BFA4D3	RGB 191 164 211	#BFA4D3
83.3%	83.3% #CEB9DD	RGB 206 185 221	#CEB9DD
100.0%	100.0% #DDD0E7	RGB 221 208 231	#DDD0E7

#8C5DAD #986DB6 #A47EC0 #B191CA #BFA4D3 #CEB9DD #DDD0E7

#8C5DAD - #B191CA - #DDD0E7

CSS codes

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

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