#A09BA4 - #AFBAE6 | 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 #A09BA4 to #AFBAE6

#A09BA4 #AFBAE6

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

#A09BA4 - #AFBAE6 | 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 #A09BA4 as 0% and #AFBAE6 as 100%.

0.0%	0.0% #A09BA4	RGB 160 155 164	#A09BA4
16.7%	16.7% #A2A0AF	RGB 162 160 175	#A2A0AF
33.3%	33.3% #A5A5BA	RGB 165 165 186	#A5A5BA
50.0%	50.0% #A7AAC5	RGB 167 170 197	#A7AAC5
66.7%	66.7% #AAAFD0	RGB 170 175 208	#AAAFD0
83.3%	83.3% #ACB4DB	RGB 172 180 219	#ACB4DB
100.0%	100.0% #AFBAE6	RGB 175 186 230	#AFBAE6

#A09BA4 #A2A0AF #A5A5BA #A7AAC5 #AAAFD0 #ACB4DB #AFBAE6

#A09BA4 - #AFBAE6

HSV Blend

#A09BA4 - #AFBAE6 | 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 #A09BA4 as 0% and #AFBAE6 as 100%.

0.0%	0.0% #A09BA4	RGB 160 155 164	#A09BA4
16.7%	16.7% #A6A0AF	RGB 166 160 175	#A6A0AF
33.3%	33.3% #AAA4BA	RGB 170 164 186	#AAA4BA
50.0%	50.0% #ADA8C5	RGB 173 168 197	#ADA8C5
66.7%	66.7% #ACABD0	RGB 172 171 208	#ACABD0
83.3%	83.3% #ADB0DB	RGB 173 176 219	#ADB0DB
100.0%	100.0% #AFBAE6	RGB 175 186 230	#AFBAE6

#A09BA4 #A6A0AF #AAA4BA #ADA8C5 #ACABD0 #ADB0DB #AFBAE6

#A09BA4 - #ADA8C5 - #AFBAE6

CSS codes

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

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