#AA98A9 - #A8C2D3 | 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 #AA98A9 to #A8C2D3

#AA98A9 #A8C2D3

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

#AA98A9 - #A8C2D3 | 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 #AA98A9 as 0% and #A8C2D3 as 100%.

0.0%	0.0% #AA98A9	RGB 170 152 169	#AA98A9
16.7%	16.7% #A99FB0	RGB 169 159 176	#A99FB0
33.3%	33.3% #A9A6B7	RGB 169 166 183	#A9A6B7
50.0%	50.0% #A9ADBE	RGB 169 173 190	#A9ADBE
66.7%	66.7% #A8B4C5	RGB 168 180 197	#A8B4C5
83.3%	83.3% #A8BBCC	RGB 168 187 204	#A8BBCC
100.0%	100.0% #A8C2D3	RGB 168 194 211	#A8C2D3

#AA98A9 #A99FB0 #A9A6B7 #A9ADBE #A8B4C5 #A8BBCC #A8C2D3

#AA98A9 - #A8C2D3

HSV Blend

#AA98A9 - #A8C2D3 | 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 #AA98A9 as 0% and #A8C2D3 as 100%.

0.0%	0.0% #AA98A9	RGB 170 152 169	#AA98A9
16.7%	16.7% #AC9BB0	RGB 172 155 176	#AC9BB0
33.3%	33.3% #AB9EB7	RGB 171 158 183	#AB9EB7
50.0%	50.0% #A7A1BE	RGB 167 161 190	#A7A1BE
66.7%	66.7% #A3A5C5	RGB 163 165 197	#A3A5C5
83.3%	83.3% #A5B2CC	RGB 165 178 204	#A5B2CC
100.0%	100.0% #A8C2D3	RGB 168 194 211	#A8C2D3

#AA98A9 #AC9BB0 #AB9EB7 #A7A1BE #A3A5C5 #A5B2CC #A8C2D3

#AA98A9 - #A7A1BE - #A8C2D3

CSS codes

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

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