#AA97AD - #FFB2FB | 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 #AA97AD to #FFB2FB

#AA97AD #FFB2FB

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

#AA97AD - #FFB2FB | 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 #AA97AD as 0% and #FFB2FB as 100%.

0.0%	0.0% #AA97AD	RGB 170 151 173	#AA97AD
16.7%	16.7% #B89BBA	RGB 184 155 186	#B89BBA
33.3%	33.3% #C6A0C7	RGB 198 160 199	#C6A0C7
50.0%	50.0% #D4A4D4	RGB 212 164 212	#D4A4D4
66.7%	66.7% #E2A9E1	RGB 226 169 225	#E2A9E1
83.3%	83.3% #F0ADEE	RGB 240 173 238	#F0ADEE
100.0%	100.0% #FFB2FB	RGB 255 178 251	#FFB2FB

#AA97AD #B89BBA #C6A0C7 #D4A4D4 #E2A9E1 #F0ADEE #FFB2FB

#AA97AD - #FFB2FB

HSV Blend

#AA97AD - #FFB2FB | 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 #AA97AD as 0% and #FFB2FB as 100%.

0.0%	0.0% #AA97AD	RGB 170 151 173	#AA97AD
16.7%	16.7% #B79DBA	RGB 183 157 186	#B79DBA
33.3%	33.3% #C5A3C8	RGB 197 163 200	#C5A3C8
50.0%	50.0% #D4A8D6	RGB 212 168 214	#D4A8D6
66.7%	66.7% #E3ACE3	RGB 227 172 227	#E3ACE3
83.3%	83.3% #F1AFEF	RGB 241 175 239	#F1AFEF
100.0%	100.0% #FFB2FB	RGB 255 178 251	#FFB2FB

#AA97AD #B79DBA #C5A3C8 #D4A8D6 #E3ACE3 #F1AFEF #FFB2FB

#AA97AD - #D4A8D6 - #FFB2FB

CSS codes

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

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