#BF8DFB - #752DC9 | 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 #BF8DFB to #752DC9

#BF8DFB #752DC9

Calculate the color between two colors, #BF8DFB and #752DC9. 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)

#BF8DFB - #752DC9 | 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 #BF8DFB as 0% and #752DC9 as 100%.

0.0%	0.0% #BF8DFB	RGB 191 141 251	#BF8DFB
16.7%	16.7% #B27DF2	RGB 178 125 242	#B27DF2
33.3%	33.3% #A66DEA	RGB 166 109 234	#A66DEA
50.0%	50.0% #9A5DE2	RGB 154 93 226	#9A5DE2
66.7%	66.7% #8D4DD9	RGB 141 77 217	#8D4DD9
83.3%	83.3% #813DD1	RGB 129 61 209	#813DD1
100.0%	100.0% #752DC9	RGB 117 45 201	#752DC9

#BF8DFB #B27DF2 #A66DEA #9A5DE2 #8D4DD9 #813DD1 #752DC9

#BF8DFB - #752DC9

HSV Blend

#BF8DFB - #752DC9 | 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 #BF8DFB as 0% and #752DC9 as 100%.

0.0%	0.0% #BF8DFB	RGB 191 141 251	#BF8DFB
16.7%	16.7% #B17AF2	RGB 177 122 242	#B17AF2
33.3%	33.3% #A469EA	RGB 164 105 234	#A469EA
50.0%	50.0% #9758E2	RGB 151 88 226	#9758E2
66.7%	66.7% #8B49D9	RGB 139 73 217	#8B49D9
83.3%	83.3% #803AD1	RGB 128 58 209	#803AD1
100.0%	100.0% #752DC9	RGB 117 45 201	#752DC9

#BF8DFB #B17AF2 #A469EA #9758E2 #8B49D9 #803AD1 #752DC9

#BF8DFB - #9758E2 - #752DC9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BF8DFB 0%, #9758E2 50%, #752DC9 100%);
    background: -webkit-linear-gradient(top, #BF8DFB 0%, #9758E2 50%, #752DC9 100%);
    background: linear-gradient(to bottom, #BF8DFB 0%, #9758E2 50%, #752DC9 100%);
}
</style>