#B8A093 - #985B3E | 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 #B8A093 to #985B3E

#B8A093 #985B3E

Calculate the color between two colors, #B8A093 and #985B3E. 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)

#B8A093 - #985B3E | 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 #B8A093 as 0% and #985B3E as 100%.

0.0%	0.0% #B8A093	RGB 184 160 147	#B8A093
16.7%	16.7% #B29484	RGB 178 148 132	#B29484
33.3%	33.3% #AD8976	RGB 173 137 118	#AD8976
50.0%	50.0% #A87D68	RGB 168 125 104	#A87D68
66.7%	66.7% #A2725A	RGB 162 114 90	#A2725A
83.3%	83.3% #9D664C	RGB 157 102 76	#9D664C
100.0%	100.0% #985B3E	RGB 152 91 62	#985B3E

#B8A093 #B29484 #AD8976 #A87D68 #A2725A #9D664C #985B3E

#B8A093 - #985B3E

HSV Blend

#B8A093 - #985B3E | 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 #B8A093 as 0% and #985B3E as 100%.

0.0%	0.0% #B8A093	RGB 184 160 147	#B8A093
16.7%	16.7% #B29383	RGB 178 147 131	#B29383
33.3%	33.3% #AD8773	RGB 173 135 115	#AD8773
50.0%	50.0% #A87B65	RGB 168 123 101	#A87B65
66.7%	66.7% #A27057	RGB 162 112 87	#A27057
83.3%	83.3% #9D654A	RGB 157 101 74	#9D654A
100.0%	100.0% #985B3E	RGB 152 91 62	#985B3E

#B8A093 #B29383 #AD8773 #A87B65 #A27057 #9D654A #985B3E

#B8A093 - #A87B65 - #985B3E

CSS codes

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

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