#3E3C2B - #322302 | 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 #3E3C2B to #322302

#3E3C2B #322302

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

#3E3C2B - #322302 | 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 #3E3C2B as 0% and #322302 as 100%.

0.0%	0.0% #3E3C2B	RGB 62 60 43	#3E3C2B
16.7%	16.7% #3C3724	RGB 60 55 36	#3C3724
33.3%	33.3% #3A331D	RGB 58 51 29	#3A331D
50.0%	50.0% #382F16	RGB 56 47 22	#382F16
66.7%	66.7% #362B0F	RGB 54 43 15	#362B0F
83.3%	83.3% #342708	RGB 52 39 8	#342708
100.0%	100.0% #322302	RGB 50 35 2	#322302

#3E3C2B #3C3724 #3A331D #382F16 #362B0F #342708 #322302

#3E3C2B - #322302

HSV Blend

#3E3C2B - #322302 | 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 #3E3C2B as 0% and #322302 as 100%.

0.0%	0.0% #3E3C2B	RGB 62 60 43	#3E3C2B
16.7%	16.7% #3C3823	RGB 60 56 35	#3C3823
33.3%	33.3% #3A341B	RGB 58 52 27	#3A341B
50.0%	50.0% #383014	RGB 56 48 20	#383014
66.7%	66.7% #362C0D	RGB 54 44 13	#362C0D
83.3%	83.3% #342707	RGB 52 39 7	#342707
100.0%	100.0% #322302	RGB 50 35 2	#322302

#3E3C2B #3C3823 #3A341B #383014 #362C0D #342707 #322302

#3E3C2B - #383014 - #322302

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C2B 0%, #383014 50%, #322302 100%);
    background: -webkit-linear-gradient(top, #3E3C2B 0%, #383014 50%, #322302 100%);
    background: linear-gradient(to bottom, #3E3C2B 0%, #383014 50%, #322302 100%);
}
</style>