#BD93CF - #8D3EB2 | 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 #BD93CF to #8D3EB2

#BD93CF #8D3EB2

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

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

0.0%	0.0% #BD93CF	RGB 189 147 207	#BD93CF
16.7%	16.7% #B584CA	RGB 181 132 202	#B584CA
33.3%	33.3% #AD76C5	RGB 173 118 197	#AD76C5
50.0%	50.0% #A568C0	RGB 165 104 192	#A568C0
66.7%	66.7% #9D5ABB	RGB 157 90 187	#9D5ABB
83.3%	83.3% #954CB6	RGB 149 76 182	#954CB6
100.0%	100.0% #8D3EB2	RGB 141 62 178	#8D3EB2

#BD93CF #B584CA #AD76C5 #A568C0 #9D5ABB #954CB6 #8D3EB2

#BD93CF - #8D3EB2

HSV Blend

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

0.0%	0.0% #BD93CF	RGB 189 147 207	#BD93CF
16.7%	16.7% #B483CA	RGB 180 131 202	#B483CA
33.3%	33.3% #AC74C5	RGB 172 116 197	#AC74C5
50.0%	50.0% #A465C0	RGB 164 101 192	#A465C0
66.7%	66.7% #9C58BB	RGB 156 88 187	#9C58BB
83.3%	83.3% #944AB6	RGB 148 74 182	#944AB6
100.0%	100.0% #8D3EB2	RGB 141 62 178	#8D3EB2

#BD93CF #B483CA #AC74C5 #A465C0 #9C58BB #944AB6 #8D3EB2

#BD93CF - #A465C0 - #8D3EB2

CSS codes

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

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