#AA98A3 - #A8B5D3 | 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 #AA98A3 to #A8B5D3

#AA98A3 #A8B5D3

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

#AA98A3 - #A8B5D3 | 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 #AA98A3 as 0% and #A8B5D3 as 100%.

0.0%	0.0% #AA98A3	RGB 170 152 163	#AA98A3
16.7%	16.7% #A99CAB	RGB 169 156 171	#A99CAB
33.3%	33.3% #A9A1B3	RGB 169 161 179	#A9A1B3
50.0%	50.0% #A9A6BB	RGB 169 166 187	#A9A6BB
66.7%	66.7% #A8ABC3	RGB 168 171 195	#A8ABC3
83.3%	83.3% #A8B0CB	RGB 168 176 203	#A8B0CB
100.0%	100.0% #A8B5D3	RGB 168 181 211	#A8B5D3

#AA98A3 #A99CAB #A9A1B3 #A9A6BB #A8ABC3 #A8B0CB #A8B5D3

#AA98A3 - #A8B5D3

HSV Blend

#AA98A3 - #A8B5D3 | 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 #AA98A3 as 0% and #A8B5D3 as 100%.

0.0%	0.0% #AA98A3	RGB 170 152 163	#AA98A3
16.7%	16.7% #B09BAE	RGB 176 155 174	#B09BAE
33.3%	33.3% #B39EB7	RGB 179 158 183	#B39EB7
50.0%	50.0% #B1A1BE	RGB 177 161 190	#B1A1BE
66.7%	66.7% #ACA3C5	RGB 172 163 197	#ACA3C5
83.3%	83.3% #A5A6CC	RGB 165 166 204	#A5A6CC
100.0%	100.0% #A8B5D3	RGB 168 181 211	#A8B5D3

#AA98A3 #B09BAE #B39EB7 #B1A1BE #ACA3C5 #A5A6CC #A8B5D3

#AA98A3 - #B1A1BE - #A8B5D3

CSS codes

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

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