#8D5EAD - #B3A0C7 | 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 #8D5EAD to #B3A0C7

#8D5EAD #B3A0C7

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

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

0.0%	0.0% #8D5EAD	RGB 141 94 173	#8D5EAD
16.7%	16.7% #9369B1	RGB 147 105 177	#9369B1
33.3%	33.3% #9974B5	RGB 153 116 181	#9974B5
50.0%	50.0% #A07FBA	RGB 160 127 186	#A07FBA
66.7%	66.7% #A68ABE	RGB 166 138 190	#A68ABE
83.3%	83.3% #AC95C2	RGB 172 149 194	#AC95C2
100.0%	100.0% #B3A0C7	RGB 179 160 199	#B3A0C7

#8D5EAD #9369B1 #9974B5 #A07FBA #A68ABE #AC95C2 #B3A0C7

#8D5EAD - #B3A0C7

HSV Blend

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

0.0%	0.0% #8C5EAD	RGB 140 94 173	#8C5EAD
16.7%	16.7% #9268B1	RGB 146 104 177	#9268B1
33.3%	33.3% #9872B5	RGB 152 114 181	#9872B5
50.0%	50.0% #9E7DBA	RGB 158 125 186	#9E7DBA
66.7%	66.7% #A488BE	RGB 164 136 190	#A488BE
83.3%	83.3% #AB94C2	RGB 171 148 194	#AB94C2
100.0%	100.0% #B3A0C7	RGB 179 160 199	#B3A0C7

#8C5EAD #9268B1 #9872B5 #9E7DBA #A488BE #AB94C2 #B3A0C7

#8D5EAD - #9E7DBA - #B3A0C7

CSS codes

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

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