#AA98B5 - #5A4069 | 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 #AA98B5 to #5A4069

#AA98B5 #5A4069

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

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

0.0%	0.0% #AA98B5	RGB 170 152 181	#AA98B5
16.7%	16.7% #9C89A8	RGB 156 137 168	#9C89A8
33.3%	33.3% #8F7A9B	RGB 143 122 155	#8F7A9B
50.0%	50.0% #826C8F	RGB 130 108 143	#826C8F
66.7%	66.7% #745D82	RGB 116 93 130	#745D82
83.3%	83.3% #674E75	RGB 103 78 117	#674E75
100.0%	100.0% #5A4069	RGB 90 64 105	#5A4069

#AA98B5 #9C89A8 #8F7A9B #826C8F #745D82 #674E75 #5A4069

#AA98B5 - #5A4069

HSV Blend

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

0.0%	0.0% #AA98B5	RGB 170 152 181	#AA98B5
16.7%	16.7% #9B86A8	RGB 155 134 168	#9B86A8
33.3%	33.3% #8D769B	RGB 141 118 155	#8D769B
50.0%	50.0% #80678F	RGB 128 103 143	#80678F
66.7%	66.7% #735982	RGB 115 89 130	#735982
83.3%	83.3% #664C75	RGB 102 76 117	#664C75
100.0%	100.0% #5A4069	RGB 90 64 105	#5A4069

#AA98B5 #9B86A8 #8D769B #80678F #735982 #664C75 #5A4069

#AA98B5 - #80678F - #5A4069

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AA98B5 0%, #80678F 50%, #5A4069 100%);
    background: -webkit-linear-gradient(top, #AA98B5 0%, #80678F 50%, #5A4069 100%);
    background: linear-gradient(to bottom, #AA98B5 0%, #80678F 50%, #5A4069 100%);
}
</style>