#ACAF99 - #31322B | 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 #ACAF99 to #31322B

#ACAF99 #31322B

Calculate the color between two colors, #ACAF99 and #31322B. 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)

#ACAF99 - #31322B | 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 #ACAF99 as 0% and #31322B as 100%.

0.0%	0.0% #ACAF99	RGB 172 175 153	#ACAF99
16.7%	16.7% #979A86	RGB 151 154 134	#979A86
33.3%	33.3% #838574	RGB 131 133 116	#838574
50.0%	50.0% #6E7062	RGB 110 112 98	#6E7062
66.7%	66.7% #5A5B4F	RGB 90 91 79	#5A5B4F
83.3%	83.3% #45463D	RGB 69 70 61	#45463D
100.0%	100.0% #31322B	RGB 49 50 43	#31322B

#ACAF99 #979A86 #838574 #6E7062 #5A5B4F #45463D #31322B

#ACAF99 - #31322B

HSV Blend

#ACAF99 - #31322B | 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 #ACAF99 as 0% and #31322B as 100%.

0.0%	0.0% #ACAF99	RGB 172 175 153	#ACAF99
16.7%	16.7% #979A86	RGB 151 154 134	#979A86
33.3%	33.3% #828573	RGB 130 133 115	#828573
50.0%	50.0% #6E7061	RGB 110 112 97	#6E7061
66.7%	66.7% #595B4F	RGB 89 91 79	#595B4F
83.3%	83.3% #45463D	RGB 69 70 61	#45463D
100.0%	100.0% #31322B	RGB 49 50 43	#31322B

#ACAF99 #979A86 #828573 #6E7061 #595B4F #45463D #31322B

#ACAF99 - #6E7061 - #31322B

CSS codes

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

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