#BDA1A1 - #A4544B | 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 #BDA1A1 to #A4544B

#BDA1A1 #A4544B

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

#BDA1A1 - #A4544B | 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 #BDA1A1 as 0% and #A4544B as 100%.

0.0%	0.0% #BDA1A1	RGB 189 161 161	#BDA1A1
16.7%	16.7% #B89492	RGB 184 148 146	#B89492
33.3%	33.3% #B48784	RGB 180 135 132	#B48784
50.0%	50.0% #B07A76	RGB 176 122 118	#B07A76
66.7%	66.7% #AC6D67	RGB 172 109 103	#AC6D67
83.3%	83.3% #A86059	RGB 168 96 89	#A86059
100.0%	100.0% #A4544B	RGB 164 84 75	#A4544B

#BDA1A1 #B89492 #B48784 #B07A76 #AC6D67 #A86059 #A4544B

#BDA1A1 - #A4544B

HSV Blend

#BDA1A1 - #A4544B | 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 #BDA1A1 as 0% and #A4544B as 100%.

0.0%	0.0% #BDA1A1	RGB 189 161 161	#BDA1A1
16.7%	16.7% #B89191	RGB 184 145 145	#B89191
33.3%	33.3% #B48382	RGB 180 131 130	#B48382
50.0%	50.0% #B07673	RGB 176 118 115	#B07673
66.7%	66.7% #AC6A65	RGB 172 106 101	#AC6A65
83.3%	83.3% #A85E57	RGB 168 94 87	#A85E57
100.0%	100.0% #A4544B	RGB 164 84 75	#A4544B

#BDA1A1 #B89191 #B48382 #B07673 #AC6A65 #A85E57 #A4544B

#BDA1A1 - #B07673 - #A4544B

CSS codes

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

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