#3F5E3E - #094904 | 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 #094904

#3F5E3E #094904

Calculate the color between two colors, #3F5E3E and #094904. 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 - #094904 | 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 #094904 as 100%.

0.0%	0.0% #3F5E3E	RGB 63 94 62	#3F5E3E
16.7%	16.7% #365A34	RGB 54 90 52	#365A34
33.3%	33.3% #2D572A	RGB 45 87 42	#2D572A
50.0%	50.0% #245321	RGB 36 83 33	#245321
66.7%	66.7% #1B5017	RGB 27 80 23	#1B5017
83.3%	83.3% #124C0D	RGB 18 76 13	#124C0D
100.0%	100.0% #094904	RGB 9 73 4	#094904

#3F5E3E #365A34 #2D572A #245321 #1B5017 #124C0D #094904

#3F5E3E - #094904

HSV Blend

#3F5E3E - #094904 | 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 #094904 as 100%.

0.0%	0.0% #3F5E3E	RGB 63 94 62	#3F5E3E
16.7%	16.7% #345A32	RGB 52 90 50	#345A32
33.3%	33.3% #295727	RGB 41 87 39	#295727
50.0%	50.0% #20531D	RGB 32 83 29	#20531D
66.7%	66.7% #185014	RGB 24 80 20	#185014
83.3%	83.3% #104C0B	RGB 16 76 11	#104C0B
100.0%	100.0% #094904	RGB 9 73 4	#094904

#3F5E3E #345A32 #295727 #20531D #185014 #104C0B #094904

#3F5E3E - #20531D - #094904

CSS codes

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

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