#3E2B06 - #9A6525 | 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 #3E2B06 to #9A6525

#3E2B06 #9A6525

Calculate the color between two colors, #3E2B06 and #9A6525. 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)

#3E2B06 - #9A6525 | 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 #3E2B06 as 0% and #9A6525 as 100%.

0.0%	0.0% #3E2B06	RGB 62 43 6	#3E2B06
16.7%	16.7% #4D340B	RGB 77 52 11	#4D340B
33.3%	33.3% #5C3E10	RGB 92 62 16	#5C3E10
50.0%	50.0% #6C4815	RGB 108 72 21	#6C4815
66.7%	66.7% #7B511A	RGB 123 81 26	#7B511A
83.3%	83.3% #8A5B1F	RGB 138 91 31	#8A5B1F
100.0%	100.0% #9A6525	RGB 154 101 37	#9A6525

#3E2B06 #4D340B #5C3E10 #6C4815 #7B511A #8A5B1F #9A6525

#3E2B06 - #9A6525

HSV Blend

#3E2B06 - #9A6525 | 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 #3E2B06 as 0% and #9A6525 as 100%.

0.0%	0.0% #3E2B06	RGB 62 43 6	#3E2B06
16.7%	16.7% #4D3409	RGB 77 52 9	#4D3409
33.3%	33.3% #5C3E0D	RGB 92 62 13	#5C3E0D
50.0%	50.0% #6C4812	RGB 108 72 18	#6C4812
66.7%	66.7% #7B5117	RGB 123 81 23	#7B5117
83.3%	83.3% #8A5B1D	RGB 138 91 29	#8A5B1D
100.0%	100.0% #9A6525	RGB 154 101 37	#9A6525

#3E2B06 #4D3409 #5C3E0D #6C4812 #7B5117 #8A5B1D #9A6525

#3E2B06 - #6C4812 - #9A6525

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2B06 0%, #6C4812 50%, #9A6525 100%);
    background: -webkit-linear-gradient(top, #3E2B06 0%, #6C4812 50%, #9A6525 100%);
    background: linear-gradient(to bottom, #3E2B06 0%, #6C4812 50%, #9A6525 100%);
}
</style>