#3E6C4B - #044B0B | 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 #3E6C4B to #044B0B

#3E6C4B #044B0B

Calculate the color between two colors, #3E6C4B and #044B0B. 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)

#3E6C4B - #044B0B | 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 #3E6C4B as 0% and #044B0B as 100%.

0.0%	0.0% #3E6C4B	RGB 62 108 75	#3E6C4B
16.7%	16.7% #346640	RGB 52 102 64	#346640
33.3%	33.3% #2A6135	RGB 42 97 53	#2A6135
50.0%	50.0% #215B2B	RGB 33 91 43	#215B2B
66.7%	66.7% #175620	RGB 23 86 32	#175620
83.3%	83.3% #0D5015	RGB 13 80 21	#0D5015
100.0%	100.0% #044B0B	RGB 4 75 11	#044B0B

#3E6C4B #346640 #2A6135 #215B2B #175620 #0D5015 #044B0B

#3E6C4B - #044B0B

HSV Blend

#3E6C4B - #044B0B | 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 #3E6C4B as 0% and #044B0B as 100%.

0.0%	0.0% #3E6C4B	RGB 62 108 75	#3E6C4B
16.7%	16.7% #31663F	RGB 49 102 63	#31663F
33.3%	33.3% #266133	RGB 38 97 51	#266133
50.0%	50.0% #1C5B28	RGB 28 91 40	#1C5B28
66.7%	66.7% #13561E	RGB 19 86 30	#13561E
83.3%	83.3% #0B5014	RGB 11 80 20	#0B5014
100.0%	100.0% #044B0B	RGB 4 75 11	#044B0B

#3E6C4B #31663F #266133 #1C5B28 #13561E #0B5014 #044B0B

#3E6C4B - #1C5B28 - #044B0B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E6C4B 0%, #1C5B28 50%, #044B0B 100%);
    background: -webkit-linear-gradient(top, #3E6C4B 0%, #1C5B28 50%, #044B0B 100%);
    background: linear-gradient(to bottom, #3E6C4B 0%, #1C5B28 50%, #044B0B 100%);
}
</style>