#A16585 - #B9ABAE | 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 #A16585 to #B9ABAE

#A16585 #B9ABAE

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

#A16585 - #B9ABAE | 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 #A16585 as 0% and #B9ABAE as 100%.

0.0%	0.0% #A16585	RGB 161 101 133	#A16585
16.7%	16.7% #A5708B	RGB 165 112 139	#A5708B
33.3%	33.3% #A97C92	RGB 169 124 146	#A97C92
50.0%	50.0% #AD8899	RGB 173 136 153	#AD8899
66.7%	66.7% #B193A0	RGB 177 147 160	#B193A0
83.3%	83.3% #B59FA7	RGB 181 159 167	#B59FA7
100.0%	100.0% #B9ABAE	RGB 185 171 174	#B9ABAE

#A16585 #A5708B #A97C92 #AD8899 #B193A0 #B59FA7 #B9ABAE

#A16585 - #B9ABAE

HSV Blend

#A16585 - #B9ABAE | 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 #A16585 as 0% and #B9ABAE as 100%.

0.0%	0.0% #A16585	RGB 161 101 133	#A16585
16.7%	16.7% #A56F89	RGB 165 111 137	#A56F89
33.3%	33.3% #A97A8E	RGB 169 122 142	#A97A8E
50.0%	50.0% #AD8694	RGB 173 134 148	#AD8694
66.7%	66.7% #B1929B	RGB 177 146 155	#B1929B
83.3%	83.3% #B59EA4	RGB 181 158 164	#B59EA4
100.0%	100.0% #B9ABAE	RGB 185 171 174	#B9ABAE

#A16585 #A56F89 #A97A8E #AD8694 #B1929B #B59EA4 #B9ABAE

#A16585 - #AD8694 - #B9ABAE

CSS codes

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

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