#B85AC7 - #8C008D | 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 #B85AC7 to #8C008D

#B85AC7 #8C008D

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

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

0.0%	0.0% #B85AC7	RGB 184 90 199	#B85AC7
16.7%	16.7% #B04BBD	RGB 176 75 189	#B04BBD
33.3%	33.3% #A93CB3	RGB 169 60 179	#A93CB3
50.0%	50.0% #A22DAA	RGB 162 45 170	#A22DAA
66.7%	66.7% #9A1DA0	RGB 154 29 160	#9A1DA0
83.3%	83.3% #930F96	RGB 147 15 150	#930F96
100.0%	100.0% #8C008D	RGB 140 0 141	#8C008D

#B85AC7 #B04BBD #A93CB3 #A22DAA #9A1DA0 #930F96 #8C008D

#B85AC7 - #8C008D

HSV Blend

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

0.0%	0.0% #B75AC7	RGB 183 90 199	#B75AC7
16.7%	16.7% #AF47BD	RGB 175 71 189	#AF47BD
33.3%	33.3% #A736B3	RGB 167 54 179	#A736B3
50.0%	50.0% #A026AA	RGB 160 38 170	#A026AA
66.7%	66.7% #9918A0	RGB 153 24 160	#9918A0
83.3%	83.3% #920B96	RGB 146 11 150	#920B96
100.0%	100.0% #8C008D	RGB 140 0 141	#8C008D

#B75AC7 #AF47BD #A736B3 #A026AA #9918A0 #920B96 #8C008D

#B85AC7 - #A026AA - #8C008D

CSS codes

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

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