#AA96A8 - #833A58 | 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 #AA96A8 to #833A58

#AA96A8 #833A58

Calculate the color between two colors, #AA96A8 and #833A58. 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)

#AA96A8 - #833A58 | 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 #AA96A8 as 0% and #833A58 as 100%.

0.0%	0.0% #AA96A8	RGB 170 150 168	#AA96A8
16.7%	16.7% #A3869A	RGB 163 134 154	#A3869A
33.3%	33.3% #9D778D	RGB 157 119 141	#9D778D
50.0%	50.0% #966880	RGB 150 104 128	#966880
66.7%	66.7% #905872	RGB 144 88 114	#905872
83.3%	83.3% #894965	RGB 137 73 101	#894965
100.0%	100.0% #833A58	RGB 131 58 88	#833A58

#AA96A8 #A3869A #9D778D #966880 #905872 #894965 #833A58

#AA96A8 - #833A58

HSV Blend

#AA96A8 - #833A58 | 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 #AA96A8 as 0% and #833A58 as 100%.

0.0%	0.0% #AA96A8	RGB 170 150 168	#AA96A8
16.7%	16.7% #A3849D	RGB 163 132 157	#A3849D
33.3%	33.3% #9D7392	RGB 157 115 146	#9D7392
50.0%	50.0% #966385	RGB 150 99 133	#966385
66.7%	66.7% #905476	RGB 144 84 118	#905476
83.3%	83.3% #894667	RGB 137 70 103	#894667
100.0%	100.0% #833A58	RGB 131 58 88	#833A58

#AA96A8 #A3849D #9D7392 #966385 #905476 #894667 #833A58

#AA96A8 - #966385 - #833A58

CSS codes

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

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