#AC9DA7 - #814558 | 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 #AC9DA7 to #814558

#AC9DA7 #814558

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

#AC9DA7 - #814558 | 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 #AC9DA7 as 0% and #814558 as 100%.

0.0%	0.0% #AC9DA7	RGB 172 157 167	#AC9DA7
16.7%	16.7% #A48E99	RGB 164 142 153	#A48E99
33.3%	33.3% #9D7F8C	RGB 157 127 140	#9D7F8C
50.0%	50.0% #96717F	RGB 150 113 127	#96717F
66.7%	66.7% #8F6272	RGB 143 98 114	#8F6272
83.3%	83.3% #885365	RGB 136 83 101	#885365
100.0%	100.0% #814558	RGB 129 69 88	#814558

#AC9DA7 #A48E99 #9D7F8C #96717F #8F6272 #885365 #814558

#AC9DA7 - #814558

HSV Blend

#AC9DA7 - #814558 | 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 #AC9DA7 as 0% and #814558 as 100%.

0.0%	0.0% #AC9DA7	RGB 172 157 167	#AC9DA7
16.7%	16.7% #A48C9B	RGB 164 140 155	#A48C9B
33.3%	33.3% #9D7C8E	RGB 157 124 142	#9D7C8E
50.0%	50.0% #966C81	RGB 150 108 129	#966C81
66.7%	66.7% #8F5E73	RGB 143 94 115	#8F5E73
83.3%	83.3% #885165	RGB 136 81 101	#885165
100.0%	100.0% #814558	RGB 129 69 88	#814558

#AC9DA7 #A48C9B #9D7C8E #966C81 #8F5E73 #885165 #814558

#AC9DA7 - #966C81 - #814558

CSS codes

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

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