#AC96A0 - #312A2D | 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 #AC96A0 to #312A2D

#AC96A0 #312A2D

Calculate the color between two colors, #AC96A0 and #312A2D. 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)

#AC96A0 - #312A2D | 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 #AC96A0 as 0% and #312A2D as 100%.

0.0%	0.0% #AC96A0	RGB 172 150 160	#AC96A0
16.7%	16.7% #97848C	RGB 151 132 140	#97848C
33.3%	33.3% #837279	RGB 131 114 121	#837279
50.0%	50.0% #6E6066	RGB 110 96 102	#6E6066
66.7%	66.7% #5A4E53	RGB 90 78 83	#5A4E53
83.3%	83.3% #453C40	RGB 69 60 64	#453C40
100.0%	100.0% #312A2D	RGB 49 42 45	#312A2D

#AC96A0 #97848C #837279 #6E6066 #5A4E53 #453C40 #312A2D

#AC96A0 - #312A2D

HSV Blend

#AC96A0 - #312A2D | 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 #AC96A0 as 0% and #312A2D as 100%.

0.0%	0.0% #AC96A0	RGB 172 150 160	#AC96A0
16.7%	16.7% #97838C	RGB 151 131 140	#97838C
33.3%	33.3% #837179	RGB 131 113 121	#837179
50.0%	50.0% #6E5F66	RGB 110 95 102	#6E5F66
66.7%	66.7% #5A4D53	RGB 90 77 83	#5A4D53
83.3%	83.3% #453B3F	RGB 69 59 63	#453B3F
100.0%	100.0% #312A2D	RGB 49 42 45	#312A2D

#AC96A0 #97838C #837179 #6E5F66 #5A4D53 #453B3F #312A2D

#AC96A0 - #6E5F66 - #312A2D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC96A0 0%, #6E5F66 50%, #312A2D 100%);
    background: -webkit-linear-gradient(top, #AC96A0 0%, #6E5F66 50%, #312A2D 100%);
    background: linear-gradient(to bottom, #AC96A0 0%, #6E5F66 50%, #312A2D 100%);
}
</style>