#B69A8F - #97543B | 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 #B69A8F to #97543B

#B69A8F #97543B

Calculate the color between two colors, #B69A8F and #97543B. 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)

#B69A8F - #97543B | 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 #B69A8F as 0% and #97543B as 100%.

0.0%	0.0% #B69A8F	RGB 182 154 143	#B69A8F
16.7%	16.7% #B08E81	RGB 176 142 129	#B08E81
33.3%	33.3% #AB8273	RGB 171 130 115	#AB8273
50.0%	50.0% #A67765	RGB 166 119 101	#A67765
66.7%	66.7% #A16B57	RGB 161 107 87	#A16B57
83.3%	83.3% #9C5F49	RGB 156 95 73	#9C5F49
100.0%	100.0% #97543B	RGB 151 84 59	#97543B

#B69A8F #B08E81 #AB8273 #A67765 #A16B57 #9C5F49 #97543B

#B69A8F - #97543B

HSV Blend

#B69A8F - #97543B | 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 #B69A8F as 0% and #97543B as 100%.

0.0%	0.0% #B69A8F	RGB 182 154 143	#B69A8F
16.7%	16.7% #B08D7F	RGB 176 141 127	#B08D7F
33.3%	33.3% #AB8070	RGB 171 128 112	#AB8070
50.0%	50.0% #A67461	RGB 166 116 97	#A67461
66.7%	66.7% #A16954	RGB 161 105 84	#A16954
83.3%	83.3% #9C5E47	RGB 156 94 71	#9C5E47
100.0%	100.0% #97543B	RGB 151 84 59	#97543B

#B69A8F #B08D7F #AB8070 #A67461 #A16954 #9C5E47 #97543B

#B69A8F - #A67461 - #97543B

CSS codes

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

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