#AF9F98 - #322D2B | 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 #AF9F98 to #322D2B

#AF9F98 #322D2B

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

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

0.0%	0.0% #AF9F98	RGB 175 159 152	#AF9F98
16.7%	16.7% #9A8C85	RGB 154 140 133	#9A8C85
33.3%	33.3% #857973	RGB 133 121 115	#857973
50.0%	50.0% #706661	RGB 112 102 97	#706661
66.7%	66.7% #5B534F	RGB 91 83 79	#5B534F
83.3%	83.3% #46403D	RGB 70 64 61	#46403D
100.0%	100.0% #322D2B	RGB 50 45 43	#322D2B

#AF9F98 #9A8C85 #857973 #706661 #5B534F #46403D #322D2B

#AF9F98 - #322D2B

HSV Blend

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

0.0%	0.0% #AF9F98	RGB 175 159 152	#AF9F98
16.7%	16.7% #9A8B85	RGB 154 139 133	#9A8B85
33.3%	33.3% #857873	RGB 133 120 115	#857873
50.0%	50.0% #706561	RGB 112 101 97	#706561
66.7%	66.7% #5B524F	RGB 91 82 79	#5B524F
83.3%	83.3% #463F3D	RGB 70 63 61	#463F3D
100.0%	100.0% #322D2B	RGB 50 45 43	#322D2B

#AF9F98 #9A8B85 #857873 #706561 #5B524F #463F3D #322D2B

#AF9F98 - #706561 - #322D2B

CSS codes

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

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