#3E2D0B - #9D692B | 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 #3E2D0B to #9D692B

#3E2D0B #9D692B

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

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

0.0%	0.0% #3E2D0B	RGB 62 45 11	#3E2D0B
16.7%	16.7% #4D3710	RGB 77 55 16	#4D3710
33.3%	33.3% #5D4115	RGB 93 65 21	#5D4115
50.0%	50.0% #6D4B1B	RGB 109 75 27	#6D4B1B
66.7%	66.7% #7D5520	RGB 125 85 32	#7D5520
83.3%	83.3% #8D5F25	RGB 141 95 37	#8D5F25
100.0%	100.0% #9D692B	RGB 157 105 43	#9D692B

#3E2D0B #4D3710 #5D4115 #6D4B1B #7D5520 #8D5F25 #9D692B

#3E2D0B - #9D692B

HSV Blend

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

0.0%	0.0% #3E2D0B	RGB 62 45 11	#3E2D0B
16.7%	16.7% #4D370F	RGB 77 55 15	#4D370F
33.3%	33.3% #5D4113	RGB 93 65 19	#5D4113
50.0%	50.0% #6D4C18	RGB 109 76 24	#6D4C18
66.7%	66.7% #7D551E	RGB 125 85 30	#7D551E
83.3%	83.3% #8D5F24	RGB 141 95 36	#8D5F24
100.0%	100.0% #9D692B	RGB 157 105 43	#9D692B

#3E2D0B #4D370F #5D4113 #6D4C18 #7D551E #8D5F24 #9D692B

#3E2D0B - #6D4C18 - #9D692B

CSS codes

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

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