#3E201C - #370E03 | 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 #3E201C to #370E03

#3E201C #370E03

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

#3E201C - #370E03 | 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 #3E201C as 0% and #370E03 as 100%.

0.0%	0.0% #3E201C	RGB 62 32 28	#3E201C
16.7%	16.7% #3C1D17	RGB 60 29 23	#3C1D17
33.3%	33.3% #3B1A13	RGB 59 26 19	#3B1A13
50.0%	50.0% #3A170F	RGB 58 23 15	#3A170F
66.7%	66.7% #39140B	RGB 57 20 11	#39140B
83.3%	83.3% #381107	RGB 56 17 7	#381107
100.0%	100.0% #370E03	RGB 55 14 3	#370E03

#3E201C #3C1D17 #3B1A13 #3A170F #39140B #381107 #370E03

#3E201C - #370E03

HSV Blend

#3E201C - #370E03 | 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 #3E201C as 0% and #370E03 as 100%.

0.0%	0.0% #3E201C	RGB 62 32 28	#3E201C
16.7%	16.7% #3C1C17	RGB 60 28 23	#3C1C17
33.3%	33.3% #3B1913	RGB 59 25 19	#3B1913
50.0%	50.0% #3A150E	RGB 58 21 14	#3A150E
66.7%	66.7% #39130A	RGB 57 19 10	#39130A
83.3%	83.3% #381006	RGB 56 16 6	#381006
100.0%	100.0% #370E03	RGB 55 14 3	#370E03

#3E201C #3C1C17 #3B1913 #3A150E #39130A #381006 #370E03

#3E201C - #3A150E - #370E03

CSS codes

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

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