#B9AF8C - #705D37 | 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 #B9AF8C to #705D37

#B9AF8C #705D37

Calculate the color between two colors, #B9AF8C and #705D37. 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)

#B9AF8C - #705D37 | 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 #B9AF8C as 0% and #705D37 as 100%.

0.0%	0.0% #B9AF8C	RGB 185 175 140	#B9AF8C
16.7%	16.7% #ACA17D	RGB 172 161 125	#ACA17D
33.3%	33.3% #A0936F	RGB 160 147 111	#A0936F
50.0%	50.0% #948661	RGB 148 134 97	#948661
66.7%	66.7% #887853	RGB 136 120 83	#887853
83.3%	83.3% #7C6A45	RGB 124 106 69	#7C6A45
100.0%	100.0% #705D37	RGB 112 93 55	#705D37

#B9AF8C #ACA17D #A0936F #948661 #887853 #7C6A45 #705D37

#B9AF8C - #705D37

HSV Blend

#B9AF8C - #705D37 | 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 #B9AF8C as 0% and #705D37 as 100%.

0.0%	0.0% #B9AF8C	RGB 185 175 140	#B9AF8C
16.7%	16.7% #ACA07B	RGB 172 160 123	#ACA07B
33.3%	33.3% #A0926B	RGB 160 146 107	#A0926B
50.0%	50.0% #94845C	RGB 148 132 92	#94845C
66.7%	66.7% #88774F	RGB 136 119 79	#88774F
83.3%	83.3% #7C6A42	RGB 124 106 66	#7C6A42
100.0%	100.0% #705D37	RGB 112 93 55	#705D37

#B9AF8C #ACA07B #A0926B #94845C #88774F #7C6A42 #705D37

#B9AF8C - #94845C - #705D37

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9AF8C 0%, #94845C 50%, #705D37 100%);
    background: -webkit-linear-gradient(top, #B9AF8C 0%, #94845C 50%, #705D37 100%);
    background: linear-gradient(to bottom, #B9AF8C 0%, #94845C 50%, #705D37 100%);
}
</style>