#3C5E31 - #0F4704 | 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 #3C5E31 to #0F4704

#3C5E31 #0F4704

Calculate the color between two colors, #3C5E31 and #0F4704. 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)

#3C5E31 - #0F4704 | 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 #3C5E31 as 0% and #0F4704 as 100%.

0.0%	0.0% #3C5E31	RGB 60 94 49	#3C5E31
16.7%	16.7% #345A29	RGB 52 90 41	#345A29
33.3%	33.3% #2D5622	RGB 45 86 34	#2D5622
50.0%	50.0% #25521A	RGB 37 82 26	#25521A
66.7%	66.7% #1E4E13	RGB 30 78 19	#1E4E13
83.3%	83.3% #164A0B	RGB 22 74 11	#164A0B
100.0%	100.0% #0F4704	RGB 15 71 4	#0F4704

#3C5E31 #345A29 #2D5622 #25521A #1E4E13 #164A0B #0F4704

#3C5E31 - #0F4704

HSV Blend

#3C5E31 - #0F4704 | 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 #3C5E31 as 0% and #0F4704 as 100%.

0.0%	0.0% #3C5E31	RGB 60 94 49	#3C5E31
16.7%	16.7% #335A28	RGB 51 90 40	#335A28
33.3%	33.3% #2B561F	RGB 43 86 31	#2B561F
50.0%	50.0% #235217	RGB 35 82 23	#235217
66.7%	66.7% #1C4E10	RGB 28 78 16	#1C4E10
83.3%	83.3% #154A0A	RGB 21 74 10	#154A0A
100.0%	100.0% #0F4704	RGB 15 71 4	#0F4704

#3C5E31 #335A28 #2B561F #235217 #1C4E10 #154A0A #0F4704

#3C5E31 - #235217 - #0F4704

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E31 0%, #235217 50%, #0F4704 100%);
    background: -webkit-linear-gradient(top, #3C5E31 0%, #235217 50%, #0F4704 100%);
    background: linear-gradient(to bottom, #3C5E31 0%, #235217 50%, #0F4704 100%);
}
</style>