#ABAF9F - #30322D | 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 #ABAF9F to #30322D

#ABAF9F #30322D

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

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

0.0%	0.0% #ABAF9F	RGB 171 175 159	#ABAF9F
16.7%	16.7% #969A8C	RGB 150 154 140	#969A8C
33.3%	33.3% #828579	RGB 130 133 121	#828579
50.0%	50.0% #6D7066	RGB 109 112 102	#6D7066
66.7%	66.7% #595B53	RGB 89 91 83	#595B53
83.3%	83.3% #444640	RGB 68 70 64	#444640
100.0%	100.0% #30322D	RGB 48 50 45	#30322D

#ABAF9F #969A8C #828579 #6D7066 #595B53 #444640 #30322D

#ABAF9F - #30322D

HSV Blend

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

0.0%	0.0% #ABAF9F	RGB 171 175 159	#ABAF9F
16.7%	16.7% #969A8B	RGB 150 154 139	#969A8B
33.3%	33.3% #818578	RGB 129 133 120	#818578
50.0%	50.0% #6D7065	RGB 109 112 101	#6D7065
66.7%	66.7% #585B52	RGB 88 91 82	#585B52
83.3%	83.3% #44463F	RGB 68 70 63	#44463F
100.0%	100.0% #30322D	RGB 48 50 45	#30322D

#ABAF9F #969A8B #818578 #6D7065 #585B52 #44463F #30322D

#ABAF9F - #6D7065 - #30322D

CSS codes

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

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