#B7AFBA - #7E4B7B | 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 #B7AFBA to #7E4B7B

#B7AFBA #7E4B7B

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

#B7AFBA - #7E4B7B | 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 #B7AFBA as 0% and #7E4B7B as 100%.

0.0%	0.0% #B7AFBA	RGB 183 175 186	#B7AFBA
16.7%	16.7% #AD9EAF	RGB 173 158 175	#AD9EAF
33.3%	33.3% #A48DA5	RGB 164 141 165	#A48DA5
50.0%	50.0% #9A7D9A	RGB 154 125 154	#9A7D9A
66.7%	66.7% #916C90	RGB 145 108 144	#916C90
83.3%	83.3% #875B85	RGB 135 91 133	#875B85
100.0%	100.0% #7E4B7B	RGB 126 75 123	#7E4B7B

#B7AFBA #AD9EAF #A48DA5 #9A7D9A #916C90 #875B85 #7E4B7B

#B7AFBA - #7E4B7B

HSV Blend

#B7AFBA - #7E4B7B | 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 #B7AFBA as 0% and #7E4B7B as 100%.

0.0%	0.0% #B7AFBA	RGB 183 175 186	#B7AFBA
16.7%	16.7% #AB9BB0	RGB 171 155 176	#AB9BB0
33.3%	33.3% #A189A6	RGB 161 137 166	#A189A6
50.0%	50.0% #98779C	RGB 152 119 156	#98779C
66.7%	66.7% #8F6792	RGB 143 103 146	#8F6792
83.3%	83.3% #885887	RGB 136 88 135	#885887
100.0%	100.0% #7E4B7B	RGB 126 75 123	#7E4B7B

#B7AFBA #AB9BB0 #A189A6 #98779C #8F6792 #885887 #7E4B7B

#B7AFBA - #98779C - #7E4B7B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7AFBA 0%, #98779C 50%, #7E4B7B 100%);
    background: -webkit-linear-gradient(top, #B7AFBA 0%, #98779C 50%, #7E4B7B 100%);
    background: linear-gradient(to bottom, #B7AFBA 0%, #98779C 50%, #7E4B7B 100%);
}
</style>