#ACB5A7 - #31332F | 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 #ACB5A7 to #31332F

#ACB5A7 #31332F

Calculate the color between two colors, #ACB5A7 and #31332F. 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)

#ACB5A7 - #31332F | 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 #ACB5A7 as 0% and #31332F as 100%.

0.0%	0.0% #ACB5A7	RGB 172 181 167	#ACB5A7
16.7%	16.7% #979F93	RGB 151 159 147	#979F93
33.3%	33.3% #83897F	RGB 131 137 127	#83897F
50.0%	50.0% #6E746B	RGB 110 116 107	#6E746B
66.7%	66.7% #5A5E57	RGB 90 94 87	#5A5E57
83.3%	83.3% #454843	RGB 69 72 67	#454843
100.0%	100.0% #31332F	RGB 49 51 47	#31332F

#ACB5A7 #979F93 #83897F #6E746B #5A5E57 #454843 #31332F

#ACB5A7 - #31332F

HSV Blend

#ACB5A7 - #31332F | 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 #ACB5A7 as 0% and #31332F as 100%.

0.0%	0.0% #ACB5A7	RGB 172 181 167	#ACB5A7
16.7%	16.7% #979F92	RGB 151 159 146	#979F92
33.3%	33.3% #83897E	RGB 131 137 126	#83897E
50.0%	50.0% #6E746A	RGB 110 116 106	#6E746A
66.7%	66.7% #5A5E56	RGB 90 94 86	#5A5E56
83.3%	83.3% #454842	RGB 69 72 66	#454842
100.0%	100.0% #31332F	RGB 49 51 47	#31332F

#ACB5A7 #979F92 #83897E #6E746A #5A5E56 #454842 #31332F

#ACB5A7 - #6E746A - #31332F

CSS codes

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

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