#A7A895 - #AFD9FF | 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 #A7A895 to #AFD9FF

#A7A895 #AFD9FF

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

#A7A895 - #AFD9FF | 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 #A7A895 as 0% and #AFD9FF as 100%.

0.0%	0.0% #A7A895	RGB 167 168 149	#A7A895
16.7%	16.7% #A8B0A6	RGB 168 176 166	#A8B0A6
33.3%	33.3% #A9B8B8	RGB 169 184 184	#A9B8B8
50.0%	50.0% #ABC0CA	RGB 171 192 202	#ABC0CA
66.7%	66.7% #ACC8DB	RGB 172 200 219	#ACC8DB
83.3%	83.3% #ADD0ED	RGB 173 208 237	#ADD0ED
100.0%	100.0% #AFD9FF	RGB 175 217 255	#AFD9FF

#A7A895 #A8B0A6 #A9B8B8 #ABC0CA #ACC8DB #ADD0ED #AFD9FF

#A7A895 - #AFD9FF

HSV Blend

#A7A895 - #AFD9FF | 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 #A7A895 as 0% and #AFD9FF as 100%.

0.0%	0.0% #A7A895	RGB 167 168 149	#A7A895
16.7%	16.7% #AAB69B	RGB 170 182 155	#AAB69B
33.3%	33.3% #A6C5A1	RGB 166 197 161	#A6C5A1
50.0%	50.0% #A6D3B2	RGB 166 211 178	#A6D3B2
66.7%	66.7% #AAE2CF	RGB 170 226 207	#AAE2CF
83.3%	83.3% #ADEBF0	RGB 173 235 240	#ADEBF0
100.0%	100.0% #AFD9FF	RGB 175 217 255	#AFD9FF

#A7A895 #AAB69B #A6C5A1 #A6D3B2 #AAE2CF #ADEBF0 #AFD9FF

#A7A895 - #A6D3B2 - #AFD9FF

CSS codes

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

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