#AC8F8C - #61323F | 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 #AC8F8C to #61323F

#AC8F8C #61323F

Calculate the color between two colors, #AC8F8C and #61323F. 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)

#AC8F8C - #61323F | 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 #AC8F8C as 0% and #61323F as 100%.

0.0%	0.0% #AC8F8C	RGB 172 143 140	#AC8F8C
16.7%	16.7% #9F7F7F	RGB 159 127 127	#9F7F7F
33.3%	33.3% #937072	RGB 147 112 114	#937072
50.0%	50.0% #866065	RGB 134 96 101	#866065
66.7%	66.7% #7A5158	RGB 122 81 88	#7A5158
83.3%	83.3% #6D414B	RGB 109 65 75	#6D414B
100.0%	100.0% #61323F	RGB 97 50 63	#61323F

#AC8F8C #9F7F7F #937072 #866065 #7A5158 #6D414B #61323F

#AC8F8C - #61323F

HSV Blend

#AC8F8C - #61323F | 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 #AC8F8C as 0% and #61323F as 100%.

0.0%	0.0% #AC8F8C	RGB 172 143 140	#AC8F8C
16.7%	16.7% #9F7B79	RGB 159 123 121	#9F7B79
33.3%	33.3% #93696A	RGB 147 105 106	#93696A
50.0%	50.0% #86595D	RGB 134 89 93	#86595D
66.7%	66.7% #7A4B52	RGB 122 75 82	#7A4B52
83.3%	83.3% #6D3D48	RGB 109 61 72	#6D3D48
100.0%	100.0% #61323F	RGB 97 50 63	#61323F

#AC8F8C #9F7B79 #93696A #86595D #7A4B52 #6D3D48 #61323F

#AC8F8C - #86595D - #61323F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC8F8C 0%, #86595D 50%, #61323F 100%);
    background: -webkit-linear-gradient(top, #AC8F8C 0%, #86595D 50%, #61323F 100%);
    background: linear-gradient(to bottom, #AC8F8C 0%, #86595D 50%, #61323F 100%);
}
</style>