#AFAA9F - #32302D | 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 #AFAA9F to #32302D

#AFAA9F #32302D

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

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

0.0%	0.0% #AFAA9F	RGB 175 170 159	#AFAA9F
16.7%	16.7% #9A958C	RGB 154 149 140	#9A958C
33.3%	33.3% #858179	RGB 133 129 121	#858179
50.0%	50.0% #706D66	RGB 112 109 102	#706D66
66.7%	66.7% #5B5853	RGB 91 88 83	#5B5853
83.3%	83.3% #464440	RGB 70 68 64	#464440
100.0%	100.0% #32302D	RGB 50 48 45	#32302D

#AFAA9F #9A958C #858179 #706D66 #5B5853 #464440 #32302D

#AFAA9F - #32302D

HSV Blend

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

0.0%	0.0% #AFAA9F	RGB 175 170 159	#AFAA9F
16.7%	16.7% #9A958B	RGB 154 149 139	#9A958B
33.3%	33.3% #858178	RGB 133 129 120	#858178
50.0%	50.0% #706C65	RGB 112 108 101	#706C65
66.7%	66.7% #5B5852	RGB 91 88 82	#5B5852
83.3%	83.3% #46443F	RGB 70 68 63	#46443F
100.0%	100.0% #32302D	RGB 50 48 45	#32302D

#AFAA9F #9A958B #858178 #706C65 #5B5852 #46443F #32302D

#AFAA9F - #706C65 - #32302D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFAA9F 0%, #706C65 50%, #32302D 100%);
    background: -webkit-linear-gradient(top, #AFAA9F 0%, #706C65 50%, #32302D 100%);
    background: linear-gradient(to bottom, #AFAA9F 0%, #706C65 50%, #32302D 100%);
}
</style>