#B5A8C5 - #7F4D88 | 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 #B5A8C5 to #7F4D88

#B5A8C5 #7F4D88

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

#B5A8C5 - #7F4D88 | 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 #B5A8C5 as 0% and #7F4D88 as 100%.

0.0%	0.0% #B5A8C5	RGB 181 168 197	#B5A8C5
16.7%	16.7% #AC98BA	RGB 172 152 186	#AC98BA
33.3%	33.3% #A389B0	RGB 163 137 176	#A389B0
50.0%	50.0% #9A7AA6	RGB 154 122 166	#9A7AA6
66.7%	66.7% #916B9C	RGB 145 107 156	#916B9C
83.3%	83.3% #885C92	RGB 136 92 146	#885C92
100.0%	100.0% #7F4D88	RGB 127 77 136	#7F4D88

#B5A8C5 #AC98BA #A389B0 #9A7AA6 #916B9C #885C92 #7F4D88

#B5A8C5 - #7F4D88

HSV Blend

#B5A8C5 - #7F4D88 | 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 #B5A8C5 as 0% and #7F4D88 as 100%.

0.0%	0.0% #B5A8C5	RGB 181 168 197	#B5A8C5
16.7%	16.7% #A996BA	RGB 169 150 186	#A996BA
33.3%	33.3% #9E85B0	RGB 158 133 176	#9E85B0
50.0%	50.0% #9576A6	RGB 149 118 166	#9576A6
66.7%	66.7% #8D679C	RGB 141 103 156	#8D679C
83.3%	83.3% #855992	RGB 133 89 146	#855992
100.0%	100.0% #7F4D88	RGB 127 77 136	#7F4D88

#B5A8C5 #A996BA #9E85B0 #9576A6 #8D679C #855992 #7F4D88

#B5A8C5 - #9576A6 - #7F4D88

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5A8C5 0%, #9576A6 50%, #7F4D88 100%);
    background: -webkit-linear-gradient(top, #B5A8C5 0%, #9576A6 50%, #7F4D88 100%);
    background: linear-gradient(to bottom, #B5A8C5 0%, #9576A6 50%, #7F4D88 100%);
}
</style>