#3E3C32 - #352302 | 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 #3E3C32 to #352302

#3E3C32 #352302

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

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

0.0%	0.0% #3E3C32	RGB 62 60 50	#3E3C32
16.7%	16.7% #3C372A	RGB 60 55 42	#3C372A
33.3%	33.3% #3B3322	RGB 59 51 34	#3B3322
50.0%	50.0% #392F1A	RGB 57 47 26	#392F1A
66.7%	66.7% #382B12	RGB 56 43 18	#382B12
83.3%	83.3% #36270A	RGB 54 39 10	#36270A
100.0%	100.0% #352302	RGB 53 35 2	#352302

#3E3C32 #3C372A #3B3322 #392F1A #382B12 #36270A #352302

#3E3C32 - #352302

HSV Blend

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

0.0%	0.0% #3E3C32	RGB 62 60 50	#3E3C32
16.7%	16.7% #3C3829	RGB 60 56 41	#3C3829
33.3%	33.3% #3B3420	RGB 59 52 32	#3B3420
50.0%	50.0% #393018	RGB 57 48 24	#393018
66.7%	66.7% #382C10	RGB 56 44 16	#382C10
83.3%	83.3% #362709	RGB 54 39 9	#362709
100.0%	100.0% #352302	RGB 53 35 2	#352302

#3E3C32 #3C3829 #3B3420 #393018 #382C10 #362709 #352302

#3E3C32 - #393018 - #352302

CSS codes

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

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