#3E412A - #1C2601 | 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 #3E412A to #1C2601

#3E412A #1C2601

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

#3E412A - #1C2601 | 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 #3E412A as 0% and #1C2601 as 100%.

0.0%	0.0% #3E412A	RGB 62 65 42	#3E412A
16.7%	16.7% #383C23	RGB 56 60 35	#383C23
33.3%	33.3% #32381C	RGB 50 56 28	#32381C
50.0%	50.0% #2D3315	RGB 45 51 21	#2D3315
66.7%	66.7% #272F0E	RGB 39 47 14	#272F0E
83.3%	83.3% #212A07	RGB 33 42 7	#212A07
100.0%	100.0% #1C2601	RGB 28 38 1	#1C2601

#3E412A #383C23 #32381C #2D3315 #272F0E #212A07 #1C2601

#3E412A - #1C2601

HSV Blend

#3E412A - #1C2601 | 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 #3E412A as 0% and #1C2601 as 100%.

0.0%	0.0% #3E412A	RGB 62 65 42	#3E412A
16.7%	16.7% #383C20	RGB 56 60 32	#383C20
33.3%	33.3% #323818	RGB 50 56 24	#323818
50.0%	50.0% #2C3311	RGB 44 51 17	#2C3311
66.7%	66.7% #262F0A	RGB 38 47 10	#262F0A
83.3%	83.3% #212A05	RGB 33 42 5	#212A05
100.0%	100.0% #1C2601	RGB 28 38 1	#1C2601

#3E412A #383C20 #323818 #2C3311 #262F0A #212A05 #1C2601

#3E412A - #2C3311 - #1C2601

CSS codes

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

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