#AC8C9C - #61325C | 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 #AC8C9C to #61325C

#AC8C9C #61325C

Calculate the color between two colors, #AC8C9C and #61325C. 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)

#AC8C9C - #61325C | 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 #AC8C9C as 0% and #61325C as 100%.

0.0%	0.0% #AC8C9C	RGB 172 140 156	#AC8C9C
16.7%	16.7% #9F7D91	RGB 159 125 145	#9F7D91
33.3%	33.3% #936E86	RGB 147 110 134	#936E86
50.0%	50.0% #865F7C	RGB 134 95 124	#865F7C
66.7%	66.7% #7A5071	RGB 122 80 113	#7A5071
83.3%	83.3% #6D4166	RGB 109 65 102	#6D4166
100.0%	100.0% #61325C	RGB 97 50 92	#61325C

#AC8C9C #9F7D91 #936E86 #865F7C #7A5071 #6D4166 #61325C

#AC8C9C - #61325C

HSV Blend

#AC8C9C - #61325C | 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 #AC8C9C as 0% and #61325C as 100%.

0.0%	0.0% #AC8C9C	RGB 172 140 156	#AC8C9C
16.7%	16.7% #9F798F	RGB 159 121 143	#9F798F
33.3%	33.3% #936983	RGB 147 105 131	#936983
50.0%	50.0% #865978	RGB 134 89 120	#865978
66.7%	66.7% #7A4B6E	RGB 122 75 110	#7A4B6E
83.3%	83.3% #6D3D65	RGB 109 61 101	#6D3D65
100.0%	100.0% #61325C	RGB 97 50 92	#61325C

#AC8C9C #9F798F #936983 #865978 #7A4B6E #6D3D65 #61325C

#AC8C9C - #865978 - #61325C

CSS codes

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

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