#AC8C8E - #5E3A49 | 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 #AC8C8E to #5E3A49

#AC8C8E #5E3A49

Calculate the color between two colors, #AC8C8E and #5E3A49. 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)

#AC8C8E - #5E3A49 | 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 #AC8C8E as 0% and #5E3A49 as 100%.

0.0%	0.0% #AC8C8E	RGB 172 140 142	#AC8C8E
16.7%	16.7% #9F7E82	RGB 159 126 130	#9F7E82
33.3%	33.3% #927077	RGB 146 112 119	#927077
50.0%	50.0% #85636B	RGB 133 99 107	#85636B
66.7%	66.7% #785560	RGB 120 85 96	#785560
83.3%	83.3% #6B4754	RGB 107 71 84	#6B4754
100.0%	100.0% #5E3A49	RGB 94 58 73	#5E3A49

#AC8C8E #9F7E82 #927077 #85636B #785560 #6B4754 #5E3A49

#AC8C8E - #5E3A49

HSV Blend

#AC8C8E - #5E3A49 | 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 #AC8C8E as 0% and #5E3A49 as 100%.

0.0%	0.0% #AC8C8E	RGB 172 140 142	#AC8C8E
16.7%	16.7% #9F7C80	RGB 159 124 128	#9F7C80
33.3%	33.3% #926D73	RGB 146 109 115	#926D73
50.0%	50.0% #855F68	RGB 133 95 104	#855F68
66.7%	66.7% #78515D	RGB 120 81 93	#78515D
83.3%	83.3% #6B4552	RGB 107 69 82	#6B4552
100.0%	100.0% #5E3A49	RGB 94 58 73	#5E3A49

#AC8C8E #9F7C80 #926D73 #855F68 #78515D #6B4552 #5E3A49

#AC8C8E - #855F68 - #5E3A49

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AC8C8E 0%, #855F68 50%, #5E3A49 100%);
    background: -webkit-linear-gradient(top, #AC8C8E 0%, #855F68 50%, #5E3A49 100%);
    background: linear-gradient(to bottom, #AC8C8E 0%, #855F68 50%, #5E3A49 100%);
}
</style>