#B6AFB1 - #8C5A75 | 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 #B6AFB1 to #8C5A75

#B6AFB1 #8C5A75

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

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

0.0%	0.0% #B6AFB1	RGB 182 175 177	#B6AFB1
16.7%	16.7% #AFA0A7	RGB 175 160 167	#AFA0A7
33.3%	33.3% #A8929D	RGB 168 146 157	#A8929D
50.0%	50.0% #A18493	RGB 161 132 147	#A18493
66.7%	66.7% #9A7689	RGB 154 118 137	#9A7689
83.3%	83.3% #93687F	RGB 147 104 127	#93687F
100.0%	100.0% #8C5A75	RGB 140 90 117	#8C5A75

#B6AFB1 #AFA0A7 #A8929D #A18493 #9A7689 #93687F #8C5A75

#B6AFB1 - #8C5A75

HSV Blend

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

0.0%	0.0% #B6AFB1	RGB 182 175 177	#B6AFB1
16.7%	16.7% #AF9EA4	RGB 175 158 164	#AF9EA4
33.3%	33.3% #A88F98	RGB 168 143 152	#A88F98
50.0%	50.0% #A1818E	RGB 161 129 142	#A1818E
66.7%	66.7% #9A7384	RGB 154 115 132	#9A7384
83.3%	83.3% #93667C	RGB 147 102 124	#93667C
100.0%	100.0% #8C5A75	RGB 140 90 117	#8C5A75

#B6AFB1 #AF9EA4 #A88F98 #A1818E #9A7384 #93667C #8C5A75

#B6AFB1 - #A1818E - #8C5A75

CSS codes

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

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