#AFB5A1 - #31332E | 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 #AFB5A1 to #31332E

#AFB5A1 #31332E

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

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

0.0%	0.0% #AFB5A1	RGB 175 181 161	#AFB5A1
16.7%	16.7% #9A9F8D	RGB 154 159 141	#9A9F8D
33.3%	33.3% #85897A	RGB 133 137 122	#85897A
50.0%	50.0% #707467	RGB 112 116 103	#707467
66.7%	66.7% #5B5E54	RGB 91 94 84	#5B5E54
83.3%	83.3% #464841	RGB 70 72 65	#464841
100.0%	100.0% #31332E	RGB 49 51 46	#31332E

#AFB5A1 #9A9F8D #85897A #707467 #5B5E54 #464841 #31332E

#AFB5A1 - #31332E

HSV Blend

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

0.0%	0.0% #AFB5A1	RGB 175 181 161	#AFB5A1
16.7%	16.7% #999F8E	RGB 153 159 142	#999F8E
33.3%	33.3% #84897B	RGB 132 137 123	#84897B
50.0%	50.0% #6F7467	RGB 111 116 103	#6F7467
66.7%	66.7% #5A5E54	RGB 90 94 84	#5A5E54
83.3%	83.3% #454841	RGB 69 72 65	#454841
100.0%	100.0% #31332E	RGB 49 51 46	#31332E

#AFB5A1 #999F8E #84897B #6F7467 #5A5E54 #454841 #31332E

#AFB5A1 - #6F7467 - #31332E

CSS codes

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

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