#B7B5FF - #6B46CF | 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 #B7B5FF to #6B46CF

#B7B5FF #6B46CF

Calculate the color between two colors, #B7B5FF and #6B46CF. 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)

#B7B5FF - #6B46CF | 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 #B7B5FF as 0% and #6B46CF as 100%.

0.0%	0.0% #B7B5FF	RGB 183 181 255	#B7B5FF
16.7%	16.7% #AAA2F7	RGB 170 162 247	#AAA2F7
33.3%	33.3% #9D90EF	RGB 157 144 239	#9D90EF
50.0%	50.0% #917DE7	RGB 145 125 231	#917DE7
66.7%	66.7% #846BDF	RGB 132 107 223	#846BDF
83.3%	83.3% #7758D7	RGB 119 88 215	#7758D7
100.0%	100.0% #6B46CF	RGB 107 70 207	#6B46CF

#B7B5FF #AAA2F7 #9D90EF #917DE7 #846BDF #7758D7 #6B46CF

#B7B5FF - #6B46CF

HSV Blend

#B7B5FF - #6B46CF | 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 #B7B5FF as 0% and #6B46CF as 100%.

0.0%	0.0% #B7B5FF	RGB 183 181 255	#B7B5FF
16.7%	16.7% #A5A0F7	RGB 165 160 247	#A5A0F7
33.3%	33.3% #968CEF	RGB 150 140 239	#968CEF
50.0%	50.0% #8979E7	RGB 137 121 231	#8979E7
66.7%	66.7% #7D67DF	RGB 125 103 223	#7D67DF
83.3%	83.3% #7356D7	RGB 115 86 215	#7356D7
100.0%	100.0% #6B46CF	RGB 107 70 207	#6B46CF

#B7B5FF #A5A0F7 #968CEF #8979E7 #7D67DF #7356D7 #6B46CF

#B7B5FF - #8979E7 - #6B46CF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7B5FF 0%, #8979E7 50%, #6B46CF 100%);
    background: -webkit-linear-gradient(top, #B7B5FF 0%, #8979E7 50%, #6B46CF 100%);
    background: linear-gradient(to bottom, #B7B5FF 0%, #8979E7 50%, #6B46CF 100%);
}
</style>