#3E3D3C - #2D1A00 | 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 #3E3D3C to #2D1A00

#3E3D3C #2D1A00

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

#3E3D3C - #2D1A00 | 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 #3E3D3C as 0% and #2D1A00 as 100%.

0.0%	0.0% #3E3D3C	RGB 62 61 60	#3E3D3C
16.7%	16.7% #3B3732	RGB 59 55 50	#3B3732
33.3%	33.3% #383128	RGB 56 49 40	#383128
50.0%	50.0% #352B1E	RGB 53 43 30	#352B1E
66.7%	66.7% #322514	RGB 50 37 20	#322514
83.3%	83.3% #2F1F0A	RGB 47 31 10	#2F1F0A
100.0%	100.0% #2D1A00	RGB 45 26 0	#2D1A00

#3E3D3C #3B3732 #383128 #352B1E #322514 #2F1F0A #2D1A00

#3E3D3C - #2D1A00

HSV Blend

#3E3D3C - #2D1A00 | 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 #3E3D3C as 0% and #2D1A00 as 100%.

0.0%	0.0% #3E3D3C	RGB 62 61 60	#3E3D3C
16.7%	16.7% #3B352F	RGB 59 53 47	#3B352F
33.3%	33.3% #382E24	RGB 56 46 36	#382E24
50.0%	50.0% #352819	RGB 53 40 25	#352819
66.7%	66.7% #322310	RGB 50 35 16	#322310
83.3%	83.3% #2F1E07	RGB 47 30 7	#2F1E07
100.0%	100.0% #2D1A00	RGB 45 26 0	#2D1A00

#3E3D3C #3B352F #382E24 #352819 #322310 #2F1E07 #2D1A00

#3E3D3C - #352819 - #2D1A00

CSS codes

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

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