#A8A0A0 - #B8A8D3 | 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 #A8A0A0 to #B8A8D3

#A8A0A0 #B8A8D3

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

#A8A0A0 - #B8A8D3 | 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 #A8A0A0 as 0% and #B8A8D3 as 100%.

0.0%	0.0% #A8A0A0	RGB 168 160 160	#A8A0A0
16.7%	16.7% #AAA1A8	RGB 170 161 168	#AAA1A8
33.3%	33.3% #ADA2B1	RGB 173 162 177	#ADA2B1
50.0%	50.0% #B0A4B9	RGB 176 164 185	#B0A4B9
66.7%	66.7% #B2A5C2	RGB 178 165 194	#B2A5C2
83.3%	83.3% #B5A6CA	RGB 181 166 202	#B5A6CA
100.0%	100.0% #B8A8D3	RGB 184 168 211	#B8A8D3

#A8A0A0 #AAA1A8 #ADA2B1 #B0A4B9 #B2A5C2 #B5A6CA #B8A8D3

#A8A0A0 - #B8A8D3

HSV Blend

#A8A0A0 - #B8A8D3 | 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 #A8A0A0 as 0% and #B8A8D3 as 100%.

0.0%	0.0% #A8A0A0	RGB 168 160 160	#A8A0A0
16.7%	16.7% #AFA2A5	RGB 175 162 165	#AFA2A5
33.3%	33.3% #B6A4AE	RGB 182 164 174	#B6A4AE
50.0%	50.0% #BDA5B9	RGB 189 165 185	#BDA5B9
66.7%	66.7% #C2A6C4	RGB 194 166 196	#C2A6C4
83.3%	83.3% #BEA7CB	RGB 190 167 203	#BEA7CB
100.0%	100.0% #B8A8D3	RGB 184 168 211	#B8A8D3

#A8A0A0 #AFA2A5 #B6A4AE #BDA5B9 #C2A6C4 #BEA7CB #B8A8D3

#A8A0A0 - #BDA5B9 - #B8A8D3

CSS codes

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

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