#B5A0AF - #8A4560 | 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 #B5A0AF to #8A4560

#B5A0AF #8A4560

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

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

0.0%	0.0% #B5A0AF	RGB 181 160 175	#B5A0AF
16.7%	16.7% #AD90A1	RGB 173 144 161	#AD90A1
33.3%	33.3% #A68194	RGB 166 129 148	#A68194
50.0%	50.0% #9F7287	RGB 159 114 135	#9F7287
66.7%	66.7% #98637A	RGB 152 99 122	#98637A
83.3%	83.3% #91546D	RGB 145 84 109	#91546D
100.0%	100.0% #8A4560	RGB 138 69 96	#8A4560

#B5A0AF #AD90A1 #A68194 #9F7287 #98637A #91546D #8A4560

#B5A0AF - #8A4560

HSV Blend

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

0.0%	0.0% #B5A0AF	RGB 181 160 175	#B5A0AF
16.7%	16.7% #AD8EA3	RGB 173 142 163	#AD8EA3
33.3%	33.3% #A67D96	RGB 166 125 150	#A67D96
50.0%	50.0% #9F6E89	RGB 159 110 137	#9F6E89
66.7%	66.7% #985F7B	RGB 152 95 123	#985F7B
83.3%	83.3% #91516E	RGB 145 81 110	#91516E
100.0%	100.0% #8A4560	RGB 138 69 96	#8A4560

#B5A0AF #AD8EA3 #A67D96 #9F6E89 #985F7B #91516E #8A4560

#B5A0AF - #9F6E89 - #8A4560

CSS codes

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

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