#AA9CA7 - #FFB2B9 | 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 #AA9CA7 to #FFB2B9

#AA9CA7 #FFB2B9

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

#AA9CA7 - #FFB2B9 | 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 #AA9CA7 as 0% and #FFB2B9 as 100%.

0.0%	0.0% #AA9CA7	RGB 170 156 167	#AA9CA7
16.7%	16.7% #B89FAA	RGB 184 159 170	#B89FAA
33.3%	33.3% #C6A3AD	RGB 198 163 173	#C6A3AD
50.0%	50.0% #D4A7B0	RGB 212 167 176	#D4A7B0
66.7%	66.7% #E2AAB3	RGB 226 170 179	#E2AAB3
83.3%	83.3% #F0AEB6	RGB 240 174 182	#F0AEB6
100.0%	100.0% #FFB2B9	RGB 255 178 185	#FFB2B9

#AA9CA7 #B89FAA #C6A3AD #D4A7B0 #E2AAB3 #F0AEB6 #FFB2B9

#AA9CA7 - #FFB2B9

HSV Blend

#AA9CA7 - #FFB2B9 | 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 #AA9CA7 as 0% and #FFB2B9 as 100%.

0.0%	0.0% #AA9CA7	RGB 170 156 167	#AA9CA7
16.7%	16.7% #B8A2B0	RGB 184 162 176	#B8A2B0
33.3%	33.3% #C6A7B8	RGB 198 167 184	#C6A7B8
50.0%	50.0% #D4ABBD	RGB 212 171 189	#D4ABBD
66.7%	66.7% #E2AEBF	RGB 226 174 191	#E2AEBF
83.3%	83.3% #F0B0BE	RGB 240 176 190	#F0B0BE
100.0%	100.0% #FFB2B9	RGB 255 178 185	#FFB2B9

#AA9CA7 #B8A2B0 #C6A7B8 #D4ABBD #E2AEBF #F0B0BE #FFB2B9

#AA9CA7 - #D4ABBD - #FFB2B9

CSS codes

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

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