#A06F5E - #BBB3AC | 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 #A06F5E to #BBB3AC

#A06F5E #BBB3AC

Calculate the color between two colors, #A06F5E and #BBB3AC. 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)

#A06F5E - #BBB3AC | 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 #A06F5E as 0% and #BBB3AC as 100%.

0.0%	0.0% #A06F5E	RGB 160 111 94	#A06F5E
16.7%	16.7% #A47A6B	RGB 164 122 107	#A47A6B
33.3%	33.3% #A98578	RGB 169 133 120	#A98578
50.0%	50.0% #AD9185	RGB 173 145 133	#AD9185
66.7%	66.7% #B29C92	RGB 178 156 146	#B29C92
83.3%	83.3% #B6A79F	RGB 182 167 159	#B6A79F
100.0%	100.0% #BBB3AC	RGB 187 179 172	#BBB3AC

#A06F5E #A47A6B #A98578 #AD9185 #B29C92 #B6A79F #BBB3AC

#A06F5E - #BBB3AC

HSV Blend

#A06F5E - #BBB3AC | 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 #A06F5E as 0% and #BBB3AC as 100%.

0.0%	0.0% #A06F5E	RGB 160 111 94	#A06F5E
16.7%	16.7% #A47A69	RGB 164 122 105	#A47A69
33.3%	33.3% #A98676	RGB 169 134 118	#A98676
50.0%	50.0% #AD9282	RGB 173 146 130	#AD9282
66.7%	66.7% #B29D90	RGB 178 157 144	#B29D90
83.3%	83.3% #B6A89D	RGB 182 168 157	#B6A89D
100.0%	100.0% #BBB3AC	RGB 187 179 172	#BBB3AC

#A06F5E #A47A69 #A98676 #AD9282 #B29D90 #B6A89D #BBB3AC

#A06F5E - #AD9282 - #BBB3AC

CSS codes

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

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