#BDA4A1 - #352E2E | 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 #352E2E

#BDA4A1 #352E2E

Calculate the color between two colors, #BDA4A1 and #352E2E. 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 - #352E2E | 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 #352E2E as 100%.

0.0%	0.0% #BDA4A1	RGB 189 164 161	#BDA4A1
16.7%	16.7% #A6908D	RGB 166 144 141	#A6908D
33.3%	33.3% #8F7C7A	RGB 143 124 122	#8F7C7A
50.0%	50.0% #796967	RGB 121 105 103	#796967
66.7%	66.7% #625554	RGB 98 85 84	#625554
83.3%	83.3% #4B4141	RGB 75 65 65	#4B4141
100.0%	100.0% #352E2E	RGB 53 46 46	#352E2E

#BDA4A1 #A6908D #8F7C7A #796967 #625554 #4B4141 #352E2E

#BDA4A1 - #352E2E

HSV Blend

#BDA4A1 - #352E2E | 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 #352E2E as 100%.

0.0%	0.0% #BDA4A1	RGB 189 164 161	#BDA4A1
16.7%	16.7% #A6908E	RGB 166 144 142	#A6908E
33.3%	33.3% #8F7C7B	RGB 143 124 123	#8F7C7B
50.0%	50.0% #796868	RGB 121 104 104	#796868
66.7%	66.7% #625554	RGB 98 85 84	#625554
83.3%	83.3% #4B4141	RGB 75 65 65	#4B4141
100.0%	100.0% #352E2E	RGB 53 46 46	#352E2E

#BDA4A1 #A6908E #8F7C7B #796868 #625554 #4B4141 #352E2E

#BDA4A1 - #796868 - #352E2E

CSS codes

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

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