#B5AFB7 - #7B5A8F | 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 #B5AFB7 to #7B5A8F

#B5AFB7 #7B5A8F

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

#B5AFB7 - #7B5A8F | 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 #B5AFB7 as 0% and #7B5A8F as 100%.

0.0%	0.0% #B5AFB7	RGB 181 175 183	#B5AFB7
16.7%	16.7% #ABA0B0	RGB 171 160 176	#ABA0B0
33.3%	33.3% #A192A9	RGB 161 146 169	#A192A9
50.0%	50.0% #9884A3	RGB 152 132 163	#9884A3
66.7%	66.7% #8E769C	RGB 142 118 156	#8E769C
83.3%	83.3% #846895	RGB 132 104 149	#846895
100.0%	100.0% #7B5A8F	RGB 123 90 143	#7B5A8F

#B5AFB7 #ABA0B0 #A192A9 #9884A3 #8E769C #846895 #7B5A8F

#B5AFB7 - #7B5A8F

HSV Blend

#B5AFB7 - #7B5A8F | 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 #B5AFB7 as 0% and #7B5A8F as 100%.

0.0%	0.0% #B5AFB7	RGB 181 175 183	#B5AFB7
16.7%	16.7% #AB9FB0	RGB 171 159 176	#AB9FB0
33.3%	33.3% #A28FA9	RGB 162 143 169	#A28FA9
50.0%	50.0% #9881A3	RGB 152 129 163	#9881A3
66.7%	66.7% #8E739C	RGB 142 115 156	#8E739C
83.3%	83.3% #846695	RGB 132 102 149	#846695
100.0%	100.0% #7B5A8F	RGB 123 90 143	#7B5A8F

#B5AFB7 #AB9FB0 #A28FA9 #9881A3 #8E739C #846695 #7B5A8F

#B5AFB7 - #9881A3 - #7B5A8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5AFB7 0%, #9881A3 50%, #7B5A8F 100%);
    background: -webkit-linear-gradient(top, #B5AFB7 0%, #9881A3 50%, #7B5A8F 100%);
    background: linear-gradient(to bottom, #B5AFB7 0%, #9881A3 50%, #7B5A8F 100%);
}
</style>