#B9A8AE - #875460 | 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 #B9A8AE to #875460

#B9A8AE #875460

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

#B9A8AE - #875460 | 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 #B9A8AE as 0% and #875460 as 100%.

0.0%	0.0% #B9A8AE	RGB 185 168 174	#B9A8AE
16.7%	16.7% #B09AA1	RGB 176 154 161	#B09AA1
33.3%	33.3% #A88C94	RGB 168 140 148	#A88C94
50.0%	50.0% #A07E87	RGB 160 126 135	#A07E87
66.7%	66.7% #97707A	RGB 151 112 122	#97707A
83.3%	83.3% #8F626D	RGB 143 98 109	#8F626D
100.0%	100.0% #875460	RGB 135 84 96	#875460

#B9A8AE #B09AA1 #A88C94 #A07E87 #97707A #8F626D #875460

#B9A8AE - #875460

HSV Blend

#B9A8AE - #875460 | 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 #B9A8AE as 0% and #875460 as 100%.

0.0%	0.0% #B9A8AE	RGB 185 168 174	#B9A8AE
16.7%	16.7% #B098A0	RGB 176 152 160	#B098A0
33.3%	33.3% #A88892	RGB 168 136 146	#A88892
50.0%	50.0% #A07A85	RGB 160 122 133	#A07A85
66.7%	66.7% #976C78	RGB 151 108 120	#976C78
83.3%	83.3% #8F606C	RGB 143 96 108	#8F606C
100.0%	100.0% #875460	RGB 135 84 96	#875460

#B9A8AE #B098A0 #A88892 #A07A85 #976C78 #8F606C #875460

#B9A8AE - #A07A85 - #875460

CSS codes

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

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