#B5A8B2 - #8F538E | 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 #B5A8B2 to #8F538E

#B5A8B2 #8F538E

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

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

0.0%	0.0% #B5A8B2	RGB 181 168 178	#B5A8B2
16.7%	16.7% #AE99AC	RGB 174 153 172	#AE99AC
33.3%	33.3% #A88BA6	RGB 168 139 166	#A88BA6
50.0%	50.0% #A27DA0	RGB 162 125 160	#A27DA0
66.7%	66.7% #9B6F9A	RGB 155 111 154	#9B6F9A
83.3%	83.3% #956194	RGB 149 97 148	#956194
100.0%	100.0% #8F538E	RGB 143 83 142	#8F538E

#B5A8B2 #AE99AC #A88BA6 #A27DA0 #9B6F9A #956194 #8F538E

#B5A8B2 - #8F538E

HSV Blend

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

0.0%	0.0% #B5A8B2	RGB 181 168 178	#B5A8B2
16.7%	16.7% #AE97AA	RGB 174 151 170	#AE97AA
33.3%	33.3% #A888A3	RGB 168 136 163	#A888A3
50.0%	50.0% #A27A9D	RGB 162 122 157	#A27A9D
66.7%	66.7% #9B6C97	RGB 155 108 151	#9B6C97
83.3%	83.3% #955F92	RGB 149 95 146	#955F92
100.0%	100.0% #8F538E	RGB 143 83 142	#8F538E

#B5A8B2 #AE97AA #A888A3 #A27A9D #9B6C97 #955F92 #8F538E

#B5A8B2 - #A27A9D - #8F538E

CSS codes

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

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