#3E2D0D - #9D692E | 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 #3E2D0D to #9D692E

#3E2D0D #9D692E

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

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

0.0%	0.0% #3E2D0D	RGB 62 45 13	#3E2D0D
16.7%	16.7% #4D3712	RGB 77 55 18	#4D3712
33.3%	33.3% #5D4118	RGB 93 65 24	#5D4118
50.0%	50.0% #6D4B1D	RGB 109 75 29	#6D4B1D
66.7%	66.7% #7D5523	RGB 125 85 35	#7D5523
83.3%	83.3% #8D5F28	RGB 141 95 40	#8D5F28
100.0%	100.0% #9D692E	RGB 157 105 46	#9D692E

#3E2D0D #4D3712 #5D4118 #6D4B1D #7D5523 #8D5F28 #9D692E

#3E2D0D - #9D692E

HSV Blend

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

0.0%	0.0% #3E2D0C	RGB 62 45 12	#3E2D0C
16.7%	16.7% #4D3711	RGB 77 55 17	#4D3711
33.3%	33.3% #5D4116	RGB 93 65 22	#5D4116
50.0%	50.0% #6D4C1B	RGB 109 76 27	#6D4C1B
66.7%	66.7% #7D5521	RGB 125 85 33	#7D5521
83.3%	83.3% #8D5F27	RGB 141 95 39	#8D5F27
100.0%	100.0% #9D692E	RGB 157 105 46	#9D692E

#3E2D0C #4D3711 #5D4116 #6D4C1B #7D5521 #8D5F27 #9D692E

#3E2D0D - #6D4C1B - #9D692E

CSS codes

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

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