#ACA1A1 - #312E2E | 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 #ACA1A1 to #312E2E

#ACA1A1 #312E2E

Calculate the color between two colors, #ACA1A1 and #312E2E. 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)

#ACA1A1 - #312E2E | 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 #ACA1A1 as 0% and #312E2E as 100%.

0.0%	0.0% #ACA1A1	RGB 172 161 161	#ACA1A1
16.7%	16.7% #978D8D	RGB 151 141 141	#978D8D
33.3%	33.3% #837A7A	RGB 131 122 122	#837A7A
50.0%	50.0% #6E6767	RGB 110 103 103	#6E6767
66.7%	66.7% #5A5454	RGB 90 84 84	#5A5454
83.3%	83.3% #454141	RGB 69 65 65	#454141
100.0%	100.0% #312E2E	RGB 49 46 46	#312E2E

#ACA1A1 #978D8D #837A7A #6E6767 #5A5454 #454141 #312E2E

#ACA1A1 - #312E2E

HSV Blend

#ACA1A1 - #312E2E | 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 #ACA1A1 as 0% and #312E2E as 100%.

0.0%	0.0% #ACA1A1	RGB 172 161 161	#ACA1A1
16.7%	16.7% #978D8D	RGB 151 141 141	#978D8D
33.3%	33.3% #837A7A	RGB 131 122 122	#837A7A
50.0%	50.0% #6E6767	RGB 110 103 103	#6E6767
66.7%	66.7% #5A5454	RGB 90 84 84	#5A5454
83.3%	83.3% #454141	RGB 69 65 65	#454141
100.0%	100.0% #312E2E	RGB 49 46 46	#312E2E

#ACA1A1 #978D8D #837A7A #6E6767 #5A5454 #454141 #312E2E

#ACA1A1 - #6E6767 - #312E2E

CSS codes

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

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