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

#A998AA #A8C2D3

Calculate the color between two colors, #A998AA 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)

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

0.0%	0.0% #A998AA	RGB 169 152 170	#A998AA
16.7%	16.7% #A89FB0	RGB 168 159 176	#A89FB0
33.3%	33.3% #A8A6B7	RGB 168 166 183	#A8A6B7
50.0%	50.0% #A8ADBE	RGB 168 173 190	#A8ADBE
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

#A998AA #A89FB0 #A8A6B7 #A8ADBE #A8B4C5 #A8BBCC #A8C2D3

#A998AA - #A8C2D3

HSV Blend

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

0.0%	0.0% #A998AA	RGB 169 152 170	#A998AA
16.7%	16.7% #AA9BB0	RGB 170 155 176	#AA9BB0
33.3%	33.3% #A99EB7	RGB 169 158 183	#A99EB7
50.0%	50.0% #A6A1BE	RGB 166 161 190	#A6A1BE
66.7%	66.7% #A3A6C5	RGB 163 166 197	#A3A6C5
83.3%	83.3% #A5B3CC	RGB 165 179 204	#A5B3CC
100.0%	100.0% #A8C2D3	RGB 168 194 211	#A8C2D3

#A998AA #AA9BB0 #A99EB7 #A6A1BE #A3A6C5 #A5B3CC #A8C2D3

#A998AA - #A6A1BE - #A8C2D3

CSS codes

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

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