#3E5A3E - #1C1808 | 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 #3E5A3E to #1C1808

#3E5A3E #1C1808

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

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

0.0%	0.0% #3E5A3E	RGB 62 90 62	#3E5A3E
16.7%	16.7% #384F35	RGB 56 79 53	#384F35
33.3%	33.3% #32442C	RGB 50 68 44	#32442C
50.0%	50.0% #2D3923	RGB 45 57 35	#2D3923
66.7%	66.7% #272E1A	RGB 39 46 26	#272E1A
83.3%	83.3% #212311	RGB 33 35 17	#212311
100.0%	100.0% #1C1808	RGB 28 24 8	#1C1808

#3E5A3E #384F35 #32442C #2D3923 #272E1A #212311 #1C1808

#3E5A3E - #1C1808

HSV Blend

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

0.0%	0.0% #3E5A3E	RGB 62 90 62	#3E5A3E
16.7%	16.7% #374F31	RGB 55 79 49	#374F31
33.3%	33.3% #324526	RGB 50 69 38	#324526
50.0%	50.0% #2E3B1C	RGB 46 59 28	#2E3B1C
66.7%	66.7% #2B3014	RGB 43 48 20	#2B3014
83.3%	83.3% #26260D	RGB 38 38 13	#26260D
100.0%	100.0% #1C1808	RGB 28 24 8	#1C1808

#3E5A3E #374F31 #324526 #2E3B1C #2B3014 #26260D #1C1808

#3E5A3E - #2E3B1C - #1C1808

CSS codes

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

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