#496131 - #AD8F6B | 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 #496131 to #AD8F6B

#496131 #AD8F6B

Calculate the color between two colors, #496131 and #AD8F6B. 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)

#496131 - #AD8F6B | 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 #496131 as 0% and #AD8F6B as 100%.

0.0%	0.0% #496131	RGB 73 97 49	#496131
16.7%	16.7% #59683A	RGB 89 104 58	#59683A
33.3%	33.3% #6A7044	RGB 106 112 68	#6A7044
50.0%	50.0% #7B784E	RGB 123 120 78	#7B784E
66.7%	66.7% #8B7F57	RGB 139 127 87	#8B7F57
83.3%	83.3% #9C8761	RGB 156 135 97	#9C8761
100.0%	100.0% #AD8F6B	RGB 173 143 107	#AD8F6B

#496131 #59683A #6A7044 #7B784E #8B7F57 #9C8761 #AD8F6B

#496131 - #AD8F6B

HSV Blend

#496131 - #AD8F6B | 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 #496131 as 0% and #AD8F6B as 100%.

0.0%	0.0% #496131	RGB 73 97 49	#496131
16.7%	16.7% #5B6D39	RGB 91 109 57	#5B6D39
33.3%	33.3% #707A42	RGB 112 122 66	#707A42
50.0%	50.0% #85874B	RGB 133 135 75	#85874B
66.7%	66.7% #938B55	RGB 147 139 85	#938B55
83.3%	83.3% #A08D60	RGB 160 141 96	#A08D60
100.0%	100.0% #AD8F6B	RGB 173 143 107	#AD8F6B

#496131 #5B6D39 #707A42 #85874B #938B55 #A08D60 #AD8F6B

#496131 - #85874B - #AD8F6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #496131 0%, #85874B 50%, #AD8F6B 100%);
    background: -webkit-linear-gradient(top, #496131 0%, #85874B 50%, #AD8F6B 100%);
    background: linear-gradient(to bottom, #496131 0%, #85874B 50%, #AD8F6B 100%);
}
</style>