#3C6D4A - #044B0C | 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 #3C6D4A to #044B0C

#3C6D4A #044B0C

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

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

0.0%	0.0% #3C6D4A	RGB 60 109 74	#3C6D4A
16.7%	16.7% #32673F	RGB 50 103 63	#32673F
33.3%	33.3% #296135	RGB 41 97 53	#296135
50.0%	50.0% #205C2B	RGB 32 92 43	#205C2B
66.7%	66.7% #165620	RGB 22 86 32	#165620
83.3%	83.3% #0D5016	RGB 13 80 22	#0D5016
100.0%	100.0% #044B0C	RGB 4 75 12	#044B0C

#3C6D4A #32673F #296135 #205C2B #165620 #0D5016 #044B0C

#3C6D4A - #044B0C

HSV Blend

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

0.0%	0.0% #3C6D4A	RGB 60 109 74	#3C6D4A
16.7%	16.7% #30673E	RGB 48 103 62	#30673E
33.3%	33.3% #256133	RGB 37 97 51	#256133
50.0%	50.0% #1B5C28	RGB 27 92 40	#1B5C28
66.7%	66.7% #12561E	RGB 18 86 30	#12561E
83.3%	83.3% #0A5014	RGB 10 80 20	#0A5014
100.0%	100.0% #044B0C	RGB 4 75 12	#044B0C

#3C6D4A #30673E #256133 #1B5C28 #12561E #0A5014 #044B0C

#3C6D4A - #1B5C28 - #044B0C

CSS codes

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

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