#3E3C3B - #421C02 | 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 #421C02

#3E3C3B #421C02

Calculate the color between two colors, #3E3C3B and #421C02. 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 - #421C02 | 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 #421C02 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% #3F3128	RGB 63 49 40	#3F3128
50.0%	50.0% #402C1E	RGB 64 44 30	#402C1E
66.7%	66.7% #402615	RGB 64 38 21	#402615
83.3%	83.3% #41210B	RGB 65 33 11	#41210B
100.0%	100.0% #421C02	RGB 66 28 2	#421C02

#3E3C3B #3E3631 #3F3128 #402C1E #402615 #41210B #421C02

#3E3C3B - #421C02

HSV Blend

#3E3C3B - #421C02 | 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 #421C02 as 100%.

0.0%	0.0% #3E3C3B	RGB 62 60 59	#3E3C3B
16.7%	16.7% #3E3632	RGB 62 54 50	#3E3632
33.3%	33.3% #3F3028	RGB 63 48 40	#3F3028
50.0%	50.0% #402B1F	RGB 64 43 31	#402B1F
66.7%	66.7% #402615	RGB 64 38 21	#402615
83.3%	83.3% #41210C	RGB 65 33 12	#41210C
100.0%	100.0% #421C02	RGB 66 28 2	#421C02

#3E3C3B #3E3632 #3F3028 #402B1F #402615 #41210C #421C02

#3E3C3B - #402B1F - #421C02

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C3B 0%, #402B1F 50%, #421C02 100%);
    background: -webkit-linear-gradient(top, #3E3C3B 0%, #402B1F 50%, #421C02 100%);
    background: linear-gradient(to bottom, #3E3C3B 0%, #402B1F 50%, #421C02 100%);
}
</style>