#B6AFB4 - #795A8C | 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 #B6AFB4 to #795A8C

#B6AFB4 #795A8C

Calculate the color between two colors, #B6AFB4 and #795A8C. 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)

#B6AFB4 - #795A8C | 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 #B6AFB4 as 0% and #795A8C as 100%.

0.0%	0.0% #B6AFB4	RGB 182 175 180	#B6AFB4
16.7%	16.7% #ABA0AD	RGB 171 160 173	#ABA0AD
33.3%	33.3% #A192A6	RGB 161 146 166	#A192A6
50.0%	50.0% #9784A0	RGB 151 132 160	#9784A0
66.7%	66.7% #8D7699	RGB 141 118 153	#8D7699
83.3%	83.3% #836892	RGB 131 104 146	#836892
100.0%	100.0% #795A8C	RGB 121 90 140	#795A8C

#B6AFB4 #ABA0AD #A192A6 #9784A0 #8D7699 #836892 #795A8C

#B6AFB4 - #795A8C

HSV Blend

#B6AFB4 - #795A8C | 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 #B6AFB4 as 0% and #795A8C as 100%.

0.0%	0.0% #B6AFB4	RGB 182 175 180	#B6AFB4
16.7%	16.7% #AF9EAC	RGB 175 158 172	#AF9EAC
33.3%	33.3% #A88FA6	RGB 168 143 166	#A88FA6
50.0%	50.0% #9F81A1	RGB 159 129 161	#9F81A1
66.7%	66.7% #93739A	RGB 147 115 154	#93739A
83.3%	83.3% #866693	RGB 134 102 147	#866693
100.0%	100.0% #795A8C	RGB 121 90 140	#795A8C

#B6AFB4 #AF9EAC #A88FA6 #9F81A1 #93739A #866693 #795A8C

#B6AFB4 - #9F81A1 - #795A8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B6AFB4 0%, #9F81A1 50%, #795A8C 100%);
    background: -webkit-linear-gradient(top, #B6AFB4 0%, #9F81A1 50%, #795A8C 100%);
    background: linear-gradient(to bottom, #B6AFB4 0%, #9F81A1 50%, #795A8C 100%);
}
</style>