#A8AF98 - #647A42 | 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 #A8AF98 to #647A42

#A8AF98 #647A42

Calculate the color between two colors, #A8AF98 and #647A42. 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)

#A8AF98 - #647A42 | 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 #A8AF98 as 0% and #647A42 as 100%.

0.0%	0.0% #A8AF98	RGB 168 175 152	#A8AF98
16.7%	16.7% #9CA689	RGB 156 166 137	#9CA689
33.3%	33.3% #919D7B	RGB 145 157 123	#919D7B
50.0%	50.0% #86946D	RGB 134 148 109	#86946D
66.7%	66.7% #7A8B5E	RGB 122 139 94	#7A8B5E
83.3%	83.3% #6F8250	RGB 111 130 80	#6F8250
100.0%	100.0% #647A42	RGB 100 122 66	#647A42

#A8AF98 #9CA689 #919D7B #86946D #7A8B5E #6F8250 #647A42

#A8AF98 - #647A42

HSV Blend

#A8AF98 - #647A42 | 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 #A8AF98 as 0% and #647A42 as 100%.

0.0%	0.0% #A8AF98	RGB 168 175 152	#A8AF98
16.7%	16.7% #9CA687	RGB 156 166 135	#9CA687
33.3%	33.3% #909D77	RGB 144 157 119	#909D77
50.0%	50.0% #859468	RGB 133 148 104	#859468
66.7%	66.7% #798B5A	RGB 121 139 90	#798B5A
83.3%	83.3% #6E824D	RGB 110 130 77	#6E824D
100.0%	100.0% #647A42	RGB 100 122 66	#647A42

#A8AF98 #9CA687 #909D77 #859468 #798B5A #6E824D #647A42

#A8AF98 - #859468 - #647A42

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8AF98 0%, #859468 50%, #647A42 100%);
    background: -webkit-linear-gradient(top, #A8AF98 0%, #859468 50%, #647A42 100%);
    background: linear-gradient(to bottom, #A8AF98 0%, #859468 50%, #647A42 100%);
}
</style>