#B8A8D9 - #7F55B6 | 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 #B8A8D9 to #7F55B6

#B8A8D9 #7F55B6

Calculate the color between two colors, #B8A8D9 and #7F55B6. 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)

#B8A8D9 - #7F55B6 | 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 #B8A8D9 as 0% and #7F55B6 as 100%.

0.0%	0.0% #B8A8D9	RGB 184 168 217	#B8A8D9
16.7%	16.7% #AE9AD3	RGB 174 154 211	#AE9AD3
33.3%	33.3% #A58CCD	RGB 165 140 205	#A58CCD
50.0%	50.0% #9B7EC7	RGB 155 126 199	#9B7EC7
66.7%	66.7% #9270C1	RGB 146 112 193	#9270C1
83.3%	83.3% #8862BB	RGB 136 98 187	#8862BB
100.0%	100.0% #7F55B6	RGB 127 85 182	#7F55B6

#B8A8D9 #AE9AD3 #A58CCD #9B7EC7 #9270C1 #8862BB #7F55B6

#B8A8D9 - #7F55B6

HSV Blend

#B8A8D9 - #7F55B6 | 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 #B8A8D9 as 0% and #7F55B6 as 100%.

0.0%	0.0% #B8A8D9	RGB 184 168 217	#B8A8D9
16.7%	16.7% #AC98D3	RGB 172 152 211	#AC98D3
33.3%	33.3% #A289CD	RGB 162 137 205	#A289CD
50.0%	50.0% #987BC7	RGB 152 123 199	#987BC7
66.7%	66.7% #8F6EC1	RGB 143 110 193	#8F6EC1
83.3%	83.3% #8661BB	RGB 134 97 187	#8661BB
100.0%	100.0% #7F55B6	RGB 127 85 182	#7F55B6

#B8A8D9 #AC98D3 #A289CD #987BC7 #8F6EC1 #8661BB #7F55B6

#B8A8D9 - #987BC7 - #7F55B6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8A8D9 0%, #987BC7 50%, #7F55B6 100%);
    background: -webkit-linear-gradient(top, #B8A8D9 0%, #987BC7 50%, #7F55B6 100%);
    background: linear-gradient(to bottom, #B8A8D9 0%, #987BC7 50%, #7F55B6 100%);
}
</style>