#3B5E49 - #003A05 | 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 #3B5E49 to #003A05

#3B5E49 #003A05

Calculate the color between two colors, #3B5E49 and #003A05. 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)

#3B5E49 - #003A05 | 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 #3B5E49 as 0% and #003A05 as 100%.

0.0%	0.0% #3B5E49	RGB 59 94 73	#3B5E49
16.7%	16.7% #31583D	RGB 49 88 61	#31583D
33.3%	33.3% #275232	RGB 39 82 50	#275232
50.0%	50.0% #1D4C27	RGB 29 76 39	#1D4C27
66.7%	66.7% #13461B	RGB 19 70 27	#13461B
83.3%	83.3% #094010	RGB 9 64 16	#094010
100.0%	100.0% #003A05	RGB 0 58 5	#003A05

#3B5E49 #31583D #275232 #1D4C27 #13461B #094010 #003A05

#3B5E49 - #003A05

HSV Blend

#3B5E49 - #003A05 | 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 #3B5E49 as 0% and #003A05 as 100%.

0.0%	0.0% #3B5E49	RGB 59 94 73	#3B5E49
16.7%	16.7% #2E583C	RGB 46 88 60	#2E583C
33.3%	33.3% #225230	RGB 34 82 48	#225230
50.0%	50.0% #174C24	RGB 23 76 36	#174C24
66.7%	66.7% #0E4619	RGB 14 70 25	#0E4619
83.3%	83.3% #06400E	RGB 6 64 14	#06400E
100.0%	100.0% #003A05	RGB 0 58 5	#003A05

#3B5E49 #2E583C #225230 #174C24 #0E4619 #06400E #003A05

#3B5E49 - #174C24 - #003A05

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3B5E49 0%, #174C24 50%, #003A05 100%);
    background: -webkit-linear-gradient(top, #3B5E49 0%, #174C24 50%, #003A05 100%);
    background: linear-gradient(to bottom, #3B5E49 0%, #174C24 50%, #003A05 100%);
}
</style>