#BD3FD6 - #8C00AA | 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 #BD3FD6 to #8C00AA

#BD3FD6 #8C00AA

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

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

0.0%	0.0% #BD3FD6	RGB 189 63 214	#BD3FD6
16.7%	16.7% #B434CE	RGB 180 52 206	#B434CE
33.3%	33.3% #AC2AC7	RGB 172 42 199	#AC2AC7
50.0%	50.0% #A41FC0	RGB 164 31 192	#A41FC0
66.7%	66.7% #9C15B8	RGB 156 21 184	#9C15B8
83.3%	83.3% #940AB1	RGB 148 10 177	#940AB1
100.0%	100.0% #8C00AA	RGB 140 0 170	#8C00AA

#BD3FD6 #B434CE #AC2AC7 #A41FC0 #9C15B8 #940AB1 #8C00AA

#BD3FD6 - #8C00AA

HSV Blend

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

0.0%	0.0% #BD3FD6	RGB 189 63 214	#BD3FD6
16.7%	16.7% #B432CE	RGB 180 50 206	#B432CE
33.3%	33.3% #AC27C7	RGB 172 39 199	#AC27C7
50.0%	50.0% #A31CC0	RGB 163 28 192	#A31CC0
66.7%	66.7% #9B12B8	RGB 155 18 184	#9B12B8
83.3%	83.3% #9308B1	RGB 147 8 177	#9308B1
100.0%	100.0% #8C00AA	RGB 140 0 170	#8C00AA

#BD3FD6 #B432CE #AC27C7 #A31CC0 #9B12B8 #9308B1 #8C00AA

#BD3FD6 - #A31CC0 - #8C00AA

CSS codes

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

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