#AA94A9 - #A8C2D4 | 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 #AA94A9 to #A8C2D4

#AA94A9 #A8C2D4

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

#AA94A9 - #A8C2D4 | 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 #AA94A9 as 0% and #A8C2D4 as 100%.

0.0%	0.0% #AA94A9	RGB 170 148 169	#AA94A9
16.7%	16.7% #A99BB0	RGB 169 155 176	#A99BB0
33.3%	33.3% #A9A3B7	RGB 169 163 183	#A9A3B7
50.0%	50.0% #A9ABBE	RGB 169 171 190	#A9ABBE
66.7%	66.7% #A8B2C5	RGB 168 178 197	#A8B2C5
83.3%	83.3% #A8BACC	RGB 168 186 204	#A8BACC
100.0%	100.0% #A8C2D4	RGB 168 194 212	#A8C2D4

#AA94A9 #A99BB0 #A9A3B7 #A9ABBE #A8B2C5 #A8BACC #A8C2D4

#AA94A9 - #A8C2D4

HSV Blend

#AA94A9 - #A8C2D4 | 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 #AA94A9 as 0% and #A8C2D4 as 100%.

0.0%	0.0% #AA94A9	RGB 170 148 169	#AA94A9
16.7%	16.7% #AB97B1	RGB 171 151 177	#AB97B1
33.3%	33.3% #A99BB8	RGB 169 155 184	#A99BB8
50.0%	50.0% #A69EBF	RGB 166 158 191	#A69EBF
66.7%	66.7% #A2A3C6	RGB 162 163 198	#A2A3C6
83.3%	83.3% #A5B1CD	RGB 165 177 205	#A5B1CD
100.0%	100.0% #A8C2D4	RGB 168 194 212	#A8C2D4

#AA94A9 #AB97B1 #A99BB8 #A69EBF #A2A3C6 #A5B1CD #A8C2D4

#AA94A9 - #A69EBF - #A8C2D4

CSS codes

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

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