#AC8D8C - #613243 | 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 #AC8D8C to #613243

#AC8D8C #613243

Calculate the color between two colors, #AC8D8C and #613243. 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)

#AC8D8C - #613243 | 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 #AC8D8C as 0% and #613243 as 100%.

0.0%	0.0% #AC8D8C	RGB 172 141 140	#AC8D8C
16.7%	16.7% #9F7D7F	RGB 159 125 127	#9F7D7F
33.3%	33.3% #936E73	RGB 147 110 115	#936E73
50.0%	50.0% #865F67	RGB 134 95 103	#865F67
66.7%	66.7% #7A505B	RGB 122 80 91	#7A505B
83.3%	83.3% #6D414F	RGB 109 65 79	#6D414F
100.0%	100.0% #613243	RGB 97 50 67	#613243

#AC8D8C #9F7D7F #936E73 #865F67 #7A505B #6D414F #613243

#AC8D8C - #613243

HSV Blend

#AC8D8C - #613243 | 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 #AC8D8C as 0% and #613243 as 100%.

0.0%	0.0% #AC8D8C	RGB 172 141 140	#AC8D8C
16.7%	16.7% #9F797B	RGB 159 121 123	#9F797B
33.3%	33.3% #93696D	RGB 147 105 109	#93696D
50.0%	50.0% #865960	RGB 134 89 96	#865960
66.7%	66.7% #7A4B55	RGB 122 75 85	#7A4B55
83.3%	83.3% #6D3D4B	RGB 109 61 75	#6D3D4B
100.0%	100.0% #613243	RGB 97 50 67	#613243

#AC8D8C #9F797B #93696D #865960 #7A4B55 #6D3D4B #613243

#AC8D8C - #865960 - #613243

CSS codes

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

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