#AA96AD - #81418D | 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 #AA96AD to #81418D

#AA96AD #81418D

Calculate the color between two colors, #AA96AD and #81418D. 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)

#AA96AD - #81418D | 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 #AA96AD as 0% and #81418D as 100%.

0.0%	0.0% #AA96AD	RGB 170 150 173	#AA96AD
16.7%	16.7% #A387A7	RGB 163 135 167	#A387A7
33.3%	33.3% #9C79A2	RGB 156 121 162	#9C79A2
50.0%	50.0% #956B9D	RGB 149 107 157	#956B9D
66.7%	66.7% #8E5D97	RGB 142 93 151	#8E5D97
83.3%	83.3% #874F92	RGB 135 79 146	#874F92
100.0%	100.0% #81418D	RGB 129 65 141	#81418D

#AA96AD #A387A7 #9C79A2 #956B9D #8E5D97 #874F92 #81418D

#AA96AD - #81418D

HSV Blend

#AA96AD - #81418D | 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 #AA96AD as 0% and #81418D as 100%.

0.0%	0.0% #AA96AD	RGB 170 150 173	#AA96AD
16.7%	16.7% #A386A7	RGB 163 134 167	#A386A7
33.3%	33.3% #9C76A2	RGB 156 118 162	#9C76A2
50.0%	50.0% #95689D	RGB 149 104 157	#95689D
66.7%	66.7% #8E5A97	RGB 142 90 151	#8E5A97
83.3%	83.3% #874D92	RGB 135 77 146	#874D92
100.0%	100.0% #81418D	RGB 129 65 141	#81418D

#AA96AD #A386A7 #9C76A2 #95689D #8E5A97 #874D92 #81418D

#AA96AD - #95689D - #81418D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA96AD 0%, #95689D 50%, #81418D 100%);
    background: -webkit-linear-gradient(top, #AA96AD 0%, #95689D 50%, #81418D 100%);
    background: linear-gradient(to bottom, #AA96AD 0%, #95689D 50%, #81418D 100%);
}
</style>