#A8AF91 - #303229 | 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 #A8AF91 to #303229

#A8AF91 #303229

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

#A8AF91 - #303229 | 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 #A8AF91 as 0% and #303229 as 100%.

0.0%	0.0% #A8AF91	RGB 168 175 145	#A8AF91
16.7%	16.7% #949A7F	RGB 148 154 127	#949A7F
33.3%	33.3% #80856E	RGB 128 133 110	#80856E
50.0%	50.0% #6C705D	RGB 108 112 93	#6C705D
66.7%	66.7% #585B4B	RGB 88 91 75	#585B4B
83.3%	83.3% #44463A	RGB 68 70 58	#44463A
100.0%	100.0% #303229	RGB 48 50 41	#303229

#A8AF91 #949A7F #80856E #6C705D #585B4B #44463A #303229

#A8AF91 - #303229

HSV Blend

#A8AF91 - #303229 | 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 #A8AF91 as 0% and #303229 as 100%.

0.0%	0.0% #A8AF91	RGB 168 175 145	#A8AF91
16.7%	16.7% #939A7F	RGB 147 154 127	#939A7F
33.3%	33.3% #7F856E	RGB 127 133 110	#7F856E
50.0%	50.0% #6B705C	RGB 107 112 92	#6B705C
66.7%	66.7% #575B4B	RGB 87 91 75	#575B4B
83.3%	83.3% #43463A	RGB 67 70 58	#43463A
100.0%	100.0% #303229	RGB 48 50 41	#303229

#A8AF91 #939A7F #7F856E #6B705C #575B4B #43463A #303229

#A8AF91 - #6B705C - #303229

CSS codes

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

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