#A8AF98 - #30322B | 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 #30322B

#A8AF98 #30322B

Calculate the color between two colors, #A8AF98 and #30322B. 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 - #30322B | 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 #30322B as 100%.

0.0%	0.0% #A8AF98	RGB 168 175 152	#A8AF98
16.7%	16.7% #949A85	RGB 148 154 133	#949A85
33.3%	33.3% #808573	RGB 128 133 115	#808573
50.0%	50.0% #6C7061	RGB 108 112 97	#6C7061
66.7%	66.7% #585B4F	RGB 88 91 79	#585B4F
83.3%	83.3% #44463D	RGB 68 70 61	#44463D
100.0%	100.0% #30322B	RGB 48 50 43	#30322B

#A8AF98 #949A85 #808573 #6C7061 #585B4F #44463D #30322B

#A8AF98 - #30322B

HSV Blend

#A8AF98 - #30322B | 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 #30322B as 100%.

0.0%	0.0% #A8AF98	RGB 168 175 152	#A8AF98
16.7%	16.7% #939A85	RGB 147 154 133	#939A85
33.3%	33.3% #7F8573	RGB 127 133 115	#7F8573
50.0%	50.0% #6B7061	RGB 107 112 97	#6B7061
66.7%	66.7% #575B4F	RGB 87 91 79	#575B4F
83.3%	83.3% #43463D	RGB 67 70 61	#43463D
100.0%	100.0% #30322B	RGB 48 50 43	#30322B

#A8AF98 #939A85 #7F8573 #6B7061 #575B4F #43463D #30322B

#A8AF98 - #6B7061 - #30322B

CSS codes

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

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