#3E4524 - #1A2801 | 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 #3E4524 to #1A2801

#3E4524 #1A2801

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

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

0.0%	0.0% #3E4524	RGB 62 69 36	#3E4524
16.7%	16.7% #38401E	RGB 56 64 30	#38401E
33.3%	33.3% #323B18	RGB 50 59 24	#323B18
50.0%	50.0% #2C3612	RGB 44 54 18	#2C3612
66.7%	66.7% #26310C	RGB 38 49 12	#26310C
83.3%	83.3% #202C06	RGB 32 44 6	#202C06
100.0%	100.0% #1A2801	RGB 26 40 1	#1A2801

#3E4524 #38401E #323B18 #2C3612 #26310C #202C06 #1A2801

#3E4524 - #1A2801

HSV Blend

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

0.0%	0.0% #3E4524	RGB 62 69 36	#3E4524
16.7%	16.7% #37401C	RGB 55 64 28	#37401C
33.3%	33.3% #313B15	RGB 49 59 21	#313B15
50.0%	50.0% #2B360E	RGB 43 54 14	#2B360E
66.7%	66.7% #253109	RGB 37 49 9	#253109
83.3%	83.3% #1F2C04	RGB 31 44 4	#1F2C04
100.0%	100.0% #1A2801	RGB 26 40 1	#1A2801

#3E4524 #37401C #313B15 #2B360E #253109 #1F2C04 #1A2801

#3E4524 - #2B360E - #1A2801

CSS codes

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

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