#B9A1A1 - #A0544B | 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 #B9A1A1 to #A0544B

#B9A1A1 #A0544B

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

#B9A1A1 - #A0544B | 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 #B9A1A1 as 0% and #A0544B as 100%.

0.0%	0.0% #B9A1A1	RGB 185 161 161	#B9A1A1
16.7%	16.7% #B49492	RGB 180 148 146	#B49492
33.3%	33.3% #B08784	RGB 176 135 132	#B08784
50.0%	50.0% #AC7A76	RGB 172 122 118	#AC7A76
66.7%	66.7% #A86D67	RGB 168 109 103	#A86D67
83.3%	83.3% #A46059	RGB 164 96 89	#A46059
100.0%	100.0% #A0544B	RGB 160 84 75	#A0544B

#B9A1A1 #B49492 #B08784 #AC7A76 #A86D67 #A46059 #A0544B

#B9A1A1 - #A0544B

HSV Blend

#B9A1A1 - #A0544B | 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 #B9A1A1 as 0% and #A0544B as 100%.

0.0%	0.0% #B9A1A1	RGB 185 161 161	#B9A1A1
16.7%	16.7% #B49191	RGB 180 145 145	#B49191
33.3%	33.3% #B08382	RGB 176 131 130	#B08382
50.0%	50.0% #AC7673	RGB 172 118 115	#AC7673
66.7%	66.7% #A86A65	RGB 168 106 101	#A86A65
83.3%	83.3% #A45E57	RGB 164 94 87	#A45E57
100.0%	100.0% #A0544B	RGB 160 84 75	#A0544B

#B9A1A1 #B49191 #B08382 #AC7673 #A86A65 #A45E57 #A0544B

#B9A1A1 - #AC7673 - #A0544B

CSS codes

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

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