#BC9F8F - #9C593B | 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 #BC9F8F to #9C593B

#BC9F8F #9C593B

Calculate the color between two colors, #BC9F8F and #9C593B. 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)

#BC9F8F - #9C593B | 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 #BC9F8F as 0% and #9C593B as 100%.

0.0%	0.0% #BC9F8F	RGB 188 159 143	#BC9F8F
16.7%	16.7% #B69381	RGB 182 147 129	#B69381
33.3%	33.3% #B18773	RGB 177 135 115	#B18773
50.0%	50.0% #AC7C65	RGB 172 124 101	#AC7C65
66.7%	66.7% #A67057	RGB 166 112 87	#A67057
83.3%	83.3% #A16449	RGB 161 100 73	#A16449
100.0%	100.0% #9C593B	RGB 156 89 59	#9C593B

#BC9F8F #B69381 #B18773 #AC7C65 #A67057 #A16449 #9C593B

#BC9F8F - #9C593B

HSV Blend

#BC9F8F - #9C593B | 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 #BC9F8F as 0% and #9C593B as 100%.

0.0%	0.0% #BC9F8F	RGB 188 159 143	#BC9F8F
16.7%	16.7% #B6927F	RGB 182 146 127	#B6927F
33.3%	33.3% #B18670	RGB 177 134 112	#B18670
50.0%	50.0% #AC7A61	RGB 172 122 97	#AC7A61
66.7%	66.7% #A66F54	RGB 166 111 84	#A66F54
83.3%	83.3% #A16347	RGB 161 99 71	#A16347
100.0%	100.0% #9C593B	RGB 156 89 59	#9C593B

#BC9F8F #B6927F #B18670 #AC7A61 #A66F54 #A16347 #9C593B

#BC9F8F - #AC7A61 - #9C593B

CSS codes

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

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