#B6B5FB - #6B48C9 | 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 #B6B5FB to #6B48C9

#B6B5FB #6B48C9

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

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

0.0%	0.0% #B6B5FB	RGB 182 181 251	#B6B5FB
16.7%	16.7% #A9A2F2	RGB 169 162 242	#A9A2F2
33.3%	33.3% #9D90EA	RGB 157 144 234	#9D90EA
50.0%	50.0% #907EE2	RGB 144 126 226	#907EE2
66.7%	66.7% #846CD9	RGB 132 108 217	#846CD9
83.3%	83.3% #775AD1	RGB 119 90 209	#775AD1
100.0%	100.0% #6B48C9	RGB 107 72 201	#6B48C9

#B6B5FB #A9A2F2 #9D90EA #907EE2 #846CD9 #775AD1 #6B48C9

#B6B5FB - #6B48C9

HSV Blend

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

0.0%	0.0% #B5B5FB	RGB 181 181 251	#B5B5FB
16.7%	16.7% #A5A0F2	RGB 165 160 242	#A5A0F2
33.3%	33.3% #968CEA	RGB 150 140 234	#968CEA
50.0%	50.0% #8879E2	RGB 136 121 226	#8879E2
66.7%	66.7% #7D68D9	RGB 125 104 217	#7D68D9
83.3%	83.3% #7357D1	RGB 115 87 209	#7357D1
100.0%	100.0% #6B48C9	RGB 107 72 201	#6B48C9

#B5B5FB #A5A0F2 #968CEA #8879E2 #7D68D9 #7357D1 #6B48C9

#B6B5FB - #8879E2 - #6B48C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5B5FB 0%, #8879E2 50%, #6B48C9 100%);
    background: -webkit-linear-gradient(top, #B5B5FB 0%, #8879E2 50%, #6B48C9 100%);
    background: linear-gradient(to bottom, #B5B5FB 0%, #8879E2 50%, #6B48C9 100%);
}
</style>