#A3A2B2 - #FFAFB5 | 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 #A3A2B2 to #FFAFB5

#A3A2B2 #FFAFB5

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

#A3A2B2 - #FFAFB5 | 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 #A3A2B2 as 0% and #FFAFB5 as 100%.

0.0%	0.0% #A3A2B2	RGB 163 162 178	#A3A2B2
16.7%	16.7% #B2A4B2	RGB 178 164 178	#B2A4B2
33.3%	33.3% #C1A6B3	RGB 193 166 179	#C1A6B3
50.0%	50.0% #D1A8B3	RGB 209 168 179	#D1A8B3
66.7%	66.7% #E0AAB4	RGB 224 170 180	#E0AAB4
83.3%	83.3% #EFACB4	RGB 239 172 180	#EFACB4
100.0%	100.0% #FFAFB5	RGB 255 175 181	#FFAFB5

#A3A2B2 #B2A4B2 #C1A6B3 #D1A8B3 #E0AAB4 #EFACB4 #FFAFB5

#A3A2B2 - #FFAFB5

HSV Blend

#A3A2B2 - #FFAFB5 | 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 #A3A2B2 as 0% and #FFAFB5 as 100%.

0.0%	0.0% #A3A2B2	RGB 163 162 178	#A3A2B2
16.7%	16.7% #AFA6BE	RGB 175 166 190	#AFA6BE
33.3%	33.3% #C1AACB	RGB 193 170 203	#C1AACB
50.0%	50.0% #D8ACD8	RGB 216 172 216	#D8ACD8
66.7%	66.7% #E5AED4	RGB 229 174 212	#E5AED4
83.3%	83.3% #F2AFC9	RGB 242 175 201	#F2AFC9
100.0%	100.0% #FFAFB5	RGB 255 175 181	#FFAFB5

#A3A2B2 #AFA6BE #C1AACB #D8ACD8 #E5AED4 #F2AFC9 #FFAFB5

#A3A2B2 - #D8ACD8 - #FFAFB5

CSS codes

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

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