#B08C7F - #8F482D | 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 #B08C7F to #8F482D

#B08C7F #8F482D

Calculate the color between two colors, #B08C7F and #8F482D. 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)

#B08C7F - #8F482D | 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 #B08C7F as 0% and #8F482D as 100%.

0.0%	0.0% #B08C7F	RGB 176 140 127	#B08C7F
16.7%	16.7% #AA8071	RGB 170 128 113	#AA8071
33.3%	33.3% #A57563	RGB 165 117 99	#A57563
50.0%	50.0% #9F6A56	RGB 159 106 86	#9F6A56
66.7%	66.7% #9A5E48	RGB 154 94 72	#9A5E48
83.3%	83.3% #94533A	RGB 148 83 58	#94533A
100.0%	100.0% #8F482D	RGB 143 72 45	#8F482D

#B08C7F #AA8071 #A57563 #9F6A56 #9A5E48 #94533A #8F482D

#B08C7F - #8F482D

HSV Blend

#B08C7F - #8F482D | 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 #B08C7F as 0% and #8F482D as 100%.

0.0%	0.0% #B08C7F	RGB 176 140 127	#B08C7F
16.7%	16.7% #AA7F6F	RGB 170 127 111	#AA7F6F
33.3%	33.3% #A57360	RGB 165 115 96	#A57360
50.0%	50.0% #9F6752	RGB 159 103 82	#9F6752
66.7%	66.7% #9A5C45	RGB 154 92 69	#9A5C45
83.3%	83.3% #945138	RGB 148 81 56	#945138
100.0%	100.0% #8F482D	RGB 143 72 45	#8F482D

#B08C7F #AA7F6F #A57360 #9F6752 #9A5C45 #945138 #8F482D

#B08C7F - #9F6752 - #8F482D

CSS codes

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

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