#B16CC4 - #8B9CFF | 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 #B16CC4 to #8B9CFF

#B16CC4 #8B9CFF

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

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

0.0%	0.0% #B16CC4	RGB 177 108 196	#B16CC4
16.7%	16.7% #AA74CD	RGB 170 116 205	#AA74CD
33.3%	33.3% #A47CD7	RGB 164 124 215	#A47CD7
50.0%	50.0% #9E84E1	RGB 158 132 225	#9E84E1
66.7%	66.7% #978CEB	RGB 151 140 235	#978CEB
83.3%	83.3% #9194F5	RGB 145 148 245	#9194F5
100.0%	100.0% #8B9CFF	RGB 139 156 255	#8B9CFF

#B16CC4 #AA74CD #A47CD7 #9E84E1 #978CEB #9194F5 #8B9CFF

#B16CC4 - #8B9CFF

HSV Blend

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

0.0%	0.0% #B06CC4	RGB 176 108 196	#B06CC4
16.7%	16.7% #AB71CD	RGB 171 113 205	#AB71CD
33.3%	33.3% #A476D7	RGB 164 118 215	#A476D7
50.0%	50.0% #9C7BE1	RGB 156 123 225	#9C7BE1
66.7%	66.7% #9280EB	RGB 146 128 235	#9280EB
83.3%	83.3% #8685F5	RGB 134 133 245	#8685F5
100.0%	100.0% #8B9CFF	RGB 139 156 255	#8B9CFF

#B06CC4 #AB71CD #A476D7 #9C7BE1 #9280EB #8685F5 #8B9CFF

#B16CC4 - #9C7BE1 - #8B9CFF

CSS codes

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

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