#3E3E32 - #322602 | 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 #3E3E32 to #322602

#3E3E32 #322602

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

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

0.0%	0.0% #3E3E32	RGB 62 62 50	#3E3E32
16.7%	16.7% #3C3A2A	RGB 60 58 42	#3C3A2A
33.3%	33.3% #3A3622	RGB 58 54 34	#3A3622
50.0%	50.0% #38321A	RGB 56 50 26	#38321A
66.7%	66.7% #362E12	RGB 54 46 18	#362E12
83.3%	83.3% #342A0A	RGB 52 42 10	#342A0A
100.0%	100.0% #322602	RGB 50 38 2	#322602

#3E3E32 #3C3A2A #3A3622 #38321A #362E12 #342A0A #322602

#3E3E32 - #322602

HSV Blend

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

0.0%	0.0% #3E3E32	RGB 62 62 50	#3E3E32
16.7%	16.7% #3C3B28	RGB 60 59 40	#3C3B28
33.3%	33.3% #3A371F	RGB 58 55 31	#3A371F
50.0%	50.0% #383317	RGB 56 51 23	#383317
66.7%	66.7% #362F0F	RGB 54 47 15	#362F0F
83.3%	83.3% #342A08	RGB 52 42 8	#342A08
100.0%	100.0% #322602	RGB 50 38 2	#322602

#3E3E32 #3C3B28 #3A371F #383317 #362F0F #342A08 #322602

#3E3E32 - #383317 - #322602

CSS codes

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

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