#B0A8F5 - #643ABE | 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 #B0A8F5 to #643ABE

#B0A8F5 #643ABE

Calculate the color between two colors, #B0A8F5 and #643ABE. 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)

#B0A8F5 - #643ABE | 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 #B0A8F5 as 0% and #643ABE as 100%.

0.0%	0.0% #B0A8F5	RGB 176 168 245	#B0A8F5
16.7%	16.7% #A395EB	RGB 163 149 235	#A395EB
33.3%	33.3% #9683E2	RGB 150 131 226	#9683E2
50.0%	50.0% #8A71D9	RGB 138 113 217	#8A71D9
66.7%	66.7% #7D5ED0	RGB 125 94 208	#7D5ED0
83.3%	83.3% #704CC7	RGB 112 76 199	#704CC7
100.0%	100.0% #643ABE	RGB 100 58 190	#643ABE

#B0A8F5 #A395EB #9683E2 #8A71D9 #7D5ED0 #704CC7 #643ABE

#B0A8F5 - #643ABE

HSV Blend

#B0A8F5 - #643ABE | 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 #B0A8F5 as 0% and #643ABE as 100%.

0.0%	0.0% #B0A8F5	RGB 176 168 245	#B0A8F5
16.7%	16.7% #9F92EB	RGB 159 146 235	#9F92EB
33.3%	33.3% #907EE2	RGB 144 126 226	#907EE2
50.0%	50.0% #826BD9	RGB 130 107 217	#826BD9
66.7%	66.7% #775AD0	RGB 119 90 208	#775AD0
83.3%	83.3% #6C49C7	RGB 108 73 199	#6C49C7
100.0%	100.0% #643ABE	RGB 100 58 190	#643ABE

#B0A8F5 #9F92EB #907EE2 #826BD9 #775AD0 #6C49C7 #643ABE

#B0A8F5 - #826BD9 - #643ABE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0A8F5 0%, #826BD9 50%, #643ABE 100%);
    background: -webkit-linear-gradient(top, #B0A8F5 0%, #826BD9 50%, #643ABE 100%);
    background: linear-gradient(to bottom, #B0A8F5 0%, #826BD9 50%, #643ABE 100%);
}
</style>