#3F5A2D - #AFB957 | 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 #3F5A2D to #AFB957

#3F5A2D #AFB957

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

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

0.0%	0.0% #3F5A2D	RGB 63 90 45	#3F5A2D
16.7%	16.7% #516934	RGB 81 105 52	#516934
33.3%	33.3% #64793B	RGB 100 121 59	#64793B
50.0%	50.0% #778942	RGB 119 137 66	#778942
66.7%	66.7% #899949	RGB 137 153 73	#899949
83.3%	83.3% #9CA950	RGB 156 169 80	#9CA950
100.0%	100.0% #AFB957	RGB 175 185 87	#AFB957

#3F5A2D #516934 #64793B #778942 #899949 #9CA950 #AFB957

#3F5A2D - #AFB957

HSV Blend

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

0.0%	0.0% #3F5A2D	RGB 63 90 45	#3F5A2D
16.7%	16.7% #4E6934	RGB 78 105 52	#4E6934
33.3%	33.3% #5E793B	RGB 94 121 59	#5E793B
50.0%	50.0% #708942	RGB 112 137 66	#708942
66.7%	66.7% #839949	RGB 131 153 73	#839949
83.3%	83.3% #98A950	RGB 152 169 80	#98A950
100.0%	100.0% #AFB957	RGB 175 185 87	#AFB957

#3F5A2D #4E6934 #5E793B #708942 #839949 #98A950 #AFB957

#3F5A2D - #708942 - #AFB957

CSS codes

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

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