#BF9F3E - #362D11 | 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 #BF9F3E to #362D11

#BF9F3E #362D11

Calculate the color between two colors, #BF9F3E and #362D11. 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)

#BF9F3E - #362D11 | 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 #BF9F3E as 0% and #362D11 as 100%.

0.0%	0.0% #BF9F3E	RGB 191 159 62	#BF9F3E
16.7%	16.7% #A88C36	RGB 168 140 54	#A88C36
33.3%	33.3% #91792F	RGB 145 121 47	#91792F
50.0%	50.0% #7A6627	RGB 122 102 39	#7A6627
66.7%	66.7% #635320	RGB 99 83 32	#635320
83.3%	83.3% #4C4018	RGB 76 64 24	#4C4018
100.0%	100.0% #362D11	RGB 54 45 17	#362D11

#BF9F3E #A88C36 #91792F #7A6627 #635320 #4C4018 #362D11

#BF9F3E - #362D11

HSV Blend

#BF9F3E - #362D11 | 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 #BF9F3E as 0% and #362D11 as 100%.

0.0%	0.0% #BF9F3E	RGB 191 159 62	#BF9F3E
16.7%	16.7% #A88C36	RGB 168 140 54	#A88C36
33.3%	33.3% #91792E	RGB 145 121 46	#91792E
50.0%	50.0% #7A6627	RGB 122 102 39	#7A6627
66.7%	66.7% #63531F	RGB 99 83 31	#63531F
83.3%	83.3% #4C4018	RGB 76 64 24	#4C4018
100.0%	100.0% #362D11	RGB 54 45 17	#362D11

#BF9F3E #A88C36 #91792E #7A6627 #63531F #4C4018 #362D11

#BF9F3E - #7A6627 - #362D11

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BF9F3E 0%, #7A6627 50%, #362D11 100%);
    background: -webkit-linear-gradient(top, #BF9F3E 0%, #7A6627 50%, #362D11 100%);
    background: linear-gradient(to bottom, #BF9F3E 0%, #7A6627 50%, #362D11 100%);
}
</style>