#BD9C97 - #352C2B | 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 #BD9C97 to #352C2B

#BD9C97 #352C2B

Calculate the color between two colors, #BD9C97 and #352C2B. 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)

#BD9C97 - #352C2B | 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 #BD9C97 as 0% and #352C2B as 100%.

0.0%	0.0% #BD9C97	RGB 189 156 151	#BD9C97
16.7%	16.7% #A68985	RGB 166 137 133	#A68985
33.3%	33.3% #8F7673	RGB 143 118 115	#8F7673
50.0%	50.0% #796461	RGB 121 100 97	#796461
66.7%	66.7% #62514F	RGB 98 81 79	#62514F
83.3%	83.3% #4B3E3D	RGB 75 62 61	#4B3E3D
100.0%	100.0% #352C2B	RGB 53 44 43	#352C2B

#BD9C97 #A68985 #8F7673 #796461 #62514F #4B3E3D #352C2B

#BD9C97 - #352C2B

HSV Blend

#BD9C97 - #352C2B | 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 #BD9C97 as 0% and #352C2B as 100%.

0.0%	0.0% #BD9C97	RGB 189 156 151	#BD9C97
16.7%	16.7% #A68985	RGB 166 137 133	#A68985
33.3%	33.3% #8F7673	RGB 143 118 115	#8F7673
50.0%	50.0% #796461	RGB 121 100 97	#796461
66.7%	66.7% #62514F	RGB 98 81 79	#62514F
83.3%	83.3% #4B3E3D	RGB 75 62 61	#4B3E3D
100.0%	100.0% #352C2B	RGB 53 44 43	#352C2B

#BD9C97 #A68985 #8F7673 #796461 #62514F #4B3E3D #352C2B

#BD9C97 - #796461 - #352C2B

CSS codes

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

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