#BA8CFF - #8F34F2 | 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 #BA8CFF to #8F34F2

#BA8CFF #8F34F2

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

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

0.0%	0.0% #BA8CFF	RGB 186 140 255	#BA8CFF
16.7%	16.7% #B27DFC	RGB 178 125 252	#B27DFC
33.3%	33.3% #AB6EFA	RGB 171 110 250	#AB6EFA
50.0%	50.0% #A460F8	RGB 164 96 248	#A460F8
66.7%	66.7% #9D51F6	RGB 157 81 246	#9D51F6
83.3%	83.3% #9642F4	RGB 150 66 244	#9642F4
100.0%	100.0% #8F34F2	RGB 143 52 242	#8F34F2

#BA8CFF #B27DFC #AB6EFA #A460F8 #9D51F6 #9642F4 #8F34F2

#BA8CFF - #8F34F2

HSV Blend

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

0.0%	0.0% #BA8CFF	RGB 186 140 255	#BA8CFF
16.7%	16.7% #B17CFC	RGB 177 124 252	#B17CFC
33.3%	33.3% #A96DFA	RGB 169 109 250	#A96DFA
50.0%	50.0% #A25EF8	RGB 162 94 248	#A25EF8
66.7%	66.7% #9B50F6	RGB 155 80 246	#9B50F6
83.3%	83.3% #9542F4	RGB 149 66 244	#9542F4
100.0%	100.0% #8F34F2	RGB 143 52 242	#8F34F2

#BA8CFF #B17CFC #A96DFA #A25EF8 #9B50F6 #9542F4 #8F34F2

#BA8CFF - #A25EF8 - #8F34F2

CSS codes

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

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