#AF9FA2 - #322D2E | 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 #AF9FA2 to #322D2E

#AF9FA2 #322D2E

Calculate the color between two colors, #AF9FA2 and #322D2E. 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)

#AF9FA2 - #322D2E | 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 #AF9FA2 as 0% and #322D2E as 100%.

0.0%	0.0% #AF9FA2	RGB 175 159 162	#AF9FA2
16.7%	16.7% #9A8C8E	RGB 154 140 142	#9A8C8E
33.3%	33.3% #85797B	RGB 133 121 123	#85797B
50.0%	50.0% #706668	RGB 112 102 104	#706668
66.7%	66.7% #5B5354	RGB 91 83 84	#5B5354
83.3%	83.3% #464041	RGB 70 64 65	#464041
100.0%	100.0% #322D2E	RGB 50 45 46	#322D2E

#AF9FA2 #9A8C8E #85797B #706668 #5B5354 #464041 #322D2E

#AF9FA2 - #322D2E

HSV Blend

#AF9FA2 - #322D2E | 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 #AF9FA2 as 0% and #322D2E as 100%.

0.0%	0.0% #AF9FA2	RGB 175 159 162	#AF9FA2
16.7%	16.7% #9A8B8E	RGB 154 139 142	#9A8B8E
33.3%	33.3% #85787B	RGB 133 120 123	#85787B
50.0%	50.0% #706567	RGB 112 101 103	#706567
66.7%	66.7% #5B5254	RGB 91 82 84	#5B5254
83.3%	83.3% #463F41	RGB 70 63 65	#463F41
100.0%	100.0% #322D2E	RGB 50 45 46	#322D2E

#AF9FA2 #9A8B8E #85787B #706567 #5B5254 #463F41 #322D2E

#AF9FA2 - #706567 - #322D2E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AF9FA2 0%, #706567 50%, #322D2E 100%);
    background: -webkit-linear-gradient(top, #AF9FA2 0%, #706567 50%, #322D2E 100%);
    background: linear-gradient(to bottom, #AF9FA2 0%, #706567 50%, #322D2E 100%);
}
</style>