#3C743F - #AFC069 | 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 #3C743F to #AFC069

#3C743F #AFC069

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

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

0.0%	0.0% #3C743F	RGB 60 116 63	#3C743F
16.7%	16.7% #4F8046	RGB 79 128 70	#4F8046
33.3%	33.3% #628D4D	RGB 98 141 77	#628D4D
50.0%	50.0% #759A54	RGB 117 154 84	#759A54
66.7%	66.7% #88A65B	RGB 136 166 91	#88A65B
83.3%	83.3% #9BB362	RGB 155 179 98	#9BB362
100.0%	100.0% #AFC069	RGB 175 192 105	#AFC069

#3C743F #4F8046 #628D4D #759A54 #88A65B #9BB362 #AFC069

#3C743F - #AFC069

HSV Blend

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

0.0%	0.0% #3C743F	RGB 60 116 63	#3C743F
16.7%	16.7% #488043	RGB 72 128 67	#488043
33.3%	33.3% #5A8D4A	RGB 90 141 74	#5A8D4A
50.0%	50.0% #6C9A51	RGB 108 154 81	#6C9A51
66.7%	66.7% #81A659	RGB 129 166 89	#81A659
83.3%	83.3% #97B361	RGB 151 179 97	#97B361
100.0%	100.0% #AFC069	RGB 175 192 105	#AFC069

#3C743F #488043 #5A8D4A #6C9A51 #81A659 #97B361 #AFC069

#3C743F - #6C9A51 - #AFC069

CSS codes

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

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