#AEAF9F - #31322D | 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 #AEAF9F to #31322D

#AEAF9F #31322D

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

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

0.0%	0.0% #AEAF9F	RGB 174 175 159	#AEAF9F
16.7%	16.7% #999A8C	RGB 153 154 140	#999A8C
33.3%	33.3% #848579	RGB 132 133 121	#848579
50.0%	50.0% #6F7066	RGB 111 112 102	#6F7066
66.7%	66.7% #5A5B53	RGB 90 91 83	#5A5B53
83.3%	83.3% #454640	RGB 69 70 64	#454640
100.0%	100.0% #31322D	RGB 49 50 45	#31322D

#AEAF9F #999A8C #848579 #6F7066 #5A5B53 #454640 #31322D

#AEAF9F - #31322D

HSV Blend

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

0.0%	0.0% #AEAF9F	RGB 174 175 159	#AEAF9F
16.7%	16.7% #989A8B	RGB 152 154 139	#989A8B
33.3%	33.3% #838578	RGB 131 133 120	#838578
50.0%	50.0% #6F7065	RGB 111 112 101	#6F7065
66.7%	66.7% #5A5B52	RGB 90 91 82	#5A5B52
83.3%	83.3% #45463F	RGB 69 70 63	#45463F
100.0%	100.0% #31322D	RGB 49 50 45	#31322D

#AEAF9F #989A8B #838578 #6F7065 #5A5B52 #45463F #31322D

#AEAF9F - #6F7065 - #31322D

CSS codes

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

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