#3F5E3E - #0A320C | 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 #3F5E3E to #0A320C

#3F5E3E #0A320C

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

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

0.0%	0.0% #3F5E3E	RGB 63 94 62	#3F5E3E
16.7%	16.7% #365635	RGB 54 86 53	#365635
33.3%	33.3% #2D4F2D	RGB 45 79 45	#2D4F2D
50.0%	50.0% #244825	RGB 36 72 37	#244825
66.7%	66.7% #1B401C	RGB 27 64 28	#1B401C
83.3%	83.3% #123914	RGB 18 57 20	#123914
100.0%	100.0% #0A320C	RGB 10 50 12	#0A320C

#3F5E3E #365635 #2D4F2D #244825 #1B401C #123914 #0A320C

#3F5E3E - #0A320C

HSV Blend

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

0.0%	0.0% #3F5E3E	RGB 63 94 62	#3F5E3E
16.7%	16.7% #335632	RGB 51 86 50	#335632
33.3%	33.3% #284F28	RGB 40 79 40	#284F28
50.0%	50.0% #1E481F	RGB 30 72 31	#1E481F
66.7%	66.7% #164017	RGB 22 64 23	#164017
83.3%	83.3% #0F3911	RGB 15 57 17	#0F3911
100.0%	100.0% #0A320C	RGB 10 50 12	#0A320C

#3F5E3E #335632 #284F28 #1E481F #164017 #0F3911 #0A320C

#3F5E3E - #1E481F - #0A320C

CSS codes

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

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