#AA69AB - #C0C9C2 | 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 #AA69AB to #C0C9C2

#AA69AB #C0C9C2

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

#AA69AB - #C0C9C2 | 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 #AA69AB as 0% and #C0C9C2 as 100%.

0.0%	0.0% #AA69AB	RGB 170 105 171	#AA69AB
16.7%	16.7% #AD79AE	RGB 173 121 174	#AD79AE
33.3%	33.3% #B189B2	RGB 177 137 178	#B189B2
50.0%	50.0% #B599B6	RGB 181 153 182	#B599B6
66.7%	66.7% #B8A9BA	RGB 184 169 186	#B8A9BA
83.3%	83.3% #BCB9BE	RGB 188 185 190	#BCB9BE
100.0%	100.0% #C0C9C2	RGB 192 201 194	#C0C9C2

#AA69AB #AD79AE #B189B2 #B599B6 #B8A9BA #BCB9BE #C0C9C2

#AA69AB - #C0C9C2

HSV Blend

#AA69AB - #C0C9C2 | 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 #AA69AB as 0% and #C0C9C2 as 100%.

0.0%	0.0% #AA69AB	RGB 170 105 171	#AA69AB
16.7%	16.7% #9476B0	RGB 148 118 176	#9476B0
33.3%	33.3% #8683B5	RGB 134 131 181	#8683B5
50.0%	50.0% #91A1BA	RGB 145 161 186	#91A1BA
66.7%	66.7% #A0BABF	RGB 160 186 191	#A0BABF
83.3%	83.3% #B0C4BD	RGB 176 196 189	#B0C4BD
100.0%	100.0% #C0C9C2	RGB 192 201 194	#C0C9C2

#AA69AB #9476B0 #8683B5 #91A1BA #A0BABF #B0C4BD #C0C9C2

#AA69AB - #91A1BA - #C0C9C2

CSS codes

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

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