#4A6242 - #A8C66B | 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 #4A6242 to #A8C66B

#4A6242 #A8C66B

Calculate the color between two colors, #4A6242 and #A8C66B. 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)

#4A6242 - #A8C66B | 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 #4A6242 as 0% and #A8C66B as 100%.

0.0%	0.0% #4A6242	RGB 74 98 66	#4A6242
16.7%	16.7% #597248	RGB 89 114 72	#597248
33.3%	33.3% #69834F	RGB 105 131 79	#69834F
50.0%	50.0% #799456	RGB 121 148 86	#799456
66.7%	66.7% #88A45D	RGB 136 164 93	#88A45D
83.3%	83.3% #98B564	RGB 152 181 100	#98B564
100.0%	100.0% #A8C66B	RGB 168 198 107	#A8C66B

#4A6242 #597248 #69834F #799456 #88A45D #98B564 #A8C66B

#4A6242 - #A8C66B

HSV Blend

#4A6242 - #A8C66B | 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 #4A6242 as 0% and #A8C66B as 100%.

0.0%	0.0% #4A6242	RGB 74 98 66	#4A6242
16.7%	16.7% #57724A	RGB 87 114 74	#57724A
33.3%	33.3% #658352	RGB 101 131 82	#658352
50.0%	50.0% #749459	RGB 116 148 89	#749459
66.7%	66.7% #84A460	RGB 132 164 96	#84A460
83.3%	83.3% #95B566	RGB 149 181 102	#95B566
100.0%	100.0% #A8C66B	RGB 168 198 107	#A8C66B

#4A6242 #57724A #658352 #749459 #84A460 #95B566 #A8C66B

#4A6242 - #749459 - #A8C66B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4A6242 0%, #749459 50%, #A8C66B 100%);
    background: -webkit-linear-gradient(top, #4A6242 0%, #749459 50%, #A8C66B 100%);
    background: linear-gradient(to bottom, #4A6242 0%, #749459 50%, #A8C66B 100%);
}
</style>