#AFAAB5 - #64526B | 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 #AFAAB5 to #64526B

#AFAAB5 #64526B

Calculate the color between two colors, #AFAAB5 and #64526B. 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)

#AFAAB5 - #64526B | 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 #AFAAB5 as 0% and #64526B as 100%.

0.0%	0.0% #AFAAB5	RGB 175 170 181	#AFAAB5
16.7%	16.7% #A29BA8	RGB 162 155 168	#A29BA8
33.3%	33.3% #968C9C	RGB 150 140 156	#968C9C
50.0%	50.0% #897E90	RGB 137 126 144	#897E90
66.7%	66.7% #7D6F83	RGB 125 111 131	#7D6F83
83.3%	83.3% #706077	RGB 112 96 119	#706077
100.0%	100.0% #64526B	RGB 100 82 107	#64526B

#AFAAB5 #A29BA8 #968C9C #897E90 #7D6F83 #706077 #64526B

#AFAAB5 - #64526B

HSV Blend

#AFAAB5 - #64526B | 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 #AFAAB5 as 0% and #64526B as 100%.

0.0%	0.0% #AFAAB5	RGB 175 170 181	#AFAAB5
16.7%	16.7% #A199A8	RGB 161 153 168	#A199A8
33.3%	33.3% #93899C	RGB 147 137 156	#93899C
50.0%	50.0% #877A90	RGB 135 122 144	#877A90
66.7%	66.7% #7B6C83	RGB 123 108 131	#7B6C83
83.3%	83.3% #6F5E77	RGB 111 94 119	#6F5E77
100.0%	100.0% #64526B	RGB 100 82 107	#64526B

#AFAAB5 #A199A8 #93899C #877A90 #7B6C83 #6F5E77 #64526B

#AFAAB5 - #877A90 - #64526B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFAAB5 0%, #877A90 50%, #64526B 100%);
    background: -webkit-linear-gradient(top, #AFAAB5 0%, #877A90 50%, #64526B 100%);
    background: linear-gradient(to bottom, #AFAAB5 0%, #877A90 50%, #64526B 100%);
}
</style>