#BCA895 - #9A6540 | 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 #BCA895 to #9A6540

#BCA895 #9A6540

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

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

0.0%	0.0% #BCA895	RGB 188 168 149	#BCA895
16.7%	16.7% #B69C86	RGB 182 156 134	#B69C86
33.3%	33.3% #B09178	RGB 176 145 120	#B09178
50.0%	50.0% #AB866A	RGB 171 134 106	#AB866A
66.7%	66.7% #A57B5C	RGB 165 123 92	#A57B5C
83.3%	83.3% #9F704E	RGB 159 112 78	#9F704E
100.0%	100.0% #9A6540	RGB 154 101 64	#9A6540

#BCA895 #B69C86 #B09178 #AB866A #A57B5C #9F704E #9A6540

#BCA895 - #9A6540

HSV Blend

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

0.0%	0.0% #BCA895	RGB 188 168 149	#BCA895
16.7%	16.7% #B69C85	RGB 182 156 133	#B69C85
33.3%	33.3% #B09075	RGB 176 144 117	#B09075
50.0%	50.0% #AB8567	RGB 171 133 103	#AB8567
66.7%	66.7% #A57A59	RGB 165 122 89	#A57A59
83.3%	83.3% #9F6F4C	RGB 159 111 76	#9F6F4C
100.0%	100.0% #9A6540	RGB 154 101 64	#9A6540

#BCA895 #B69C85 #B09075 #AB8567 #A57A59 #9F6F4C #9A6540

#BCA895 - #AB8567 - #9A6540

CSS codes

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

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