#3E3C3B - #422F01 | 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 #3E3C3B to #422F01

#3E3C3B #422F01

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

#3E3C3B - #422F01 | 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 #3E3C3B as 0% and #422F01 as 100%.

0.0%	0.0% #3E3C3B	RGB 62 60 59	#3E3C3B
16.7%	16.7% #3E3931	RGB 62 57 49	#3E3931
33.3%	33.3% #3F3727	RGB 63 55 39	#3F3727
50.0%	50.0% #40351E	RGB 64 53 30	#40351E
66.7%	66.7% #403314	RGB 64 51 20	#403314
83.3%	83.3% #41310A	RGB 65 49 10	#41310A
100.0%	100.0% #422F01	RGB 66 47 1	#422F01

#3E3C3B #3E3931 #3F3727 #40351E #403314 #41310A #422F01

#3E3C3B - #422F01

HSV Blend

#3E3C3B - #422F01 | 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 #3E3C3B as 0% and #422F01 as 100%.

0.0%	0.0% #3E3C3B	RGB 62 60 59	#3E3C3B
16.7%	16.7% #3E3631	RGB 62 54 49	#3E3631
33.3%	33.3% #3F3228	RGB 63 50 40	#3F3228
50.0%	50.0% #40301E	RGB 64 48 30	#40301E
66.7%	66.7% #402E15	RGB 64 46 21	#402E15
83.3%	83.3% #412E0B	RGB 65 46 11	#412E0B
100.0%	100.0% #422F01	RGB 66 47 1	#422F01

#3E3C3B #3E3631 #3F3228 #40301E #402E15 #412E0B #422F01

#3E3C3B - #40301E - #422F01

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C3B 0%, #40301E 50%, #422F01 100%);
    background: -webkit-linear-gradient(top, #3E3C3B 0%, #40301E 50%, #422F01 100%);
    background: linear-gradient(to bottom, #3E3C3B 0%, #40301E 50%, #422F01 100%);
}
</style>