#B8A8AB - #8F584C | 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 #B8A8AB to #8F584C

#B8A8AB #8F584C

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

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

0.0%	0.0% #B8A8AB	RGB 184 168 171	#B8A8AB
16.7%	16.7% #B19A9B	RGB 177 154 155	#B19A9B
33.3%	33.3% #AA8D8B	RGB 170 141 139	#AA8D8B
50.0%	50.0% #A3807B	RGB 163 128 123	#A3807B
66.7%	66.7% #9C726B	RGB 156 114 107	#9C726B
83.3%	83.3% #95655B	RGB 149 101 91	#95655B
100.0%	100.0% #8F584C	RGB 143 88 76	#8F584C

#B8A8AB #B19A9B #AA8D8B #A3807B #9C726B #95655B #8F584C

#B8A8AB - #8F584C

HSV Blend

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

0.0%	0.0% #B8A8AB	RGB 184 168 171	#B8A8AB
16.7%	16.7% #B19699	RGB 177 150 153	#B19699
33.3%	33.3% #AA8588	RGB 170 133 136	#AA8588
50.0%	50.0% #A37676	RGB 163 118 118	#A37676
66.7%	66.7% #9C6A67	RGB 156 106 103	#9C6A67
83.3%	83.3% #956059	RGB 149 96 89	#956059
100.0%	100.0% #8F584C	RGB 143 88 76	#8F584C

#B8A8AB #B19699 #AA8588 #A37676 #9C6A67 #956059 #8F584C

#B8A8AB - #A37676 - #8F584C

CSS codes

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

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