#BDA4A1 - #A2594B | 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 #BDA4A1 to #A2594B

#BDA4A1 #A2594B

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

#BDA4A1 - #A2594B | 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 #BDA4A1 as 0% and #A2594B as 100%.

0.0%	0.0% #BDA4A1	RGB 189 164 161	#BDA4A1
16.7%	16.7% #B89792	RGB 184 151 146	#B89792
33.3%	33.3% #B48B84	RGB 180 139 132	#B48B84
50.0%	50.0% #AF7E76	RGB 175 126 118	#AF7E76
66.7%	66.7% #AB7267	RGB 171 114 103	#AB7267
83.3%	83.3% #A66559	RGB 166 101 89	#A66559
100.0%	100.0% #A2594B	RGB 162 89 75	#A2594B

#BDA4A1 #B89792 #B48B84 #AF7E76 #AB7267 #A66559 #A2594B

#BDA4A1 - #A2594B

HSV Blend

#BDA4A1 - #A2594B | 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 #BDA4A1 as 0% and #A2594B as 100%.

0.0%	0.0% #BDA4A1	RGB 189 164 161	#BDA4A1
16.7%	16.7% #B89591	RGB 184 149 145	#B89591
33.3%	33.3% #B48882	RGB 180 136 130	#B48882
50.0%	50.0% #AF7B73	RGB 175 123 115	#AF7B73
66.7%	66.7% #AB6F65	RGB 171 111 101	#AB6F65
83.3%	83.3% #A66357	RGB 166 99 87	#A66357
100.0%	100.0% #A2594B	RGB 162 89 75	#A2594B

#BDA4A1 #B89591 #B48882 #AF7B73 #AB6F65 #A66357 #A2594B

#BDA4A1 - #AF7B73 - #A2594B

CSS codes

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

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