#AFAFB1 - #5E5B6B | 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 #AFAFB1 to #5E5B6B

#AFAFB1 #5E5B6B

Calculate the color between two colors, #AFAFB1 and #5E5B6B. 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)

#AFAFB1 - #5E5B6B | 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 #AFAFB1 as 0% and #5E5B6B as 100%.

0.0%	0.0% #AFAFB1	RGB 175 175 177	#AFAFB1
16.7%	16.7% #A1A1A5	RGB 161 161 165	#A1A1A5
33.3%	33.3% #949399	RGB 148 147 153	#949399
50.0%	50.0% #86858E	RGB 134 133 142	#86858E
66.7%	66.7% #797782	RGB 121 119 130	#797782
83.3%	83.3% #6B6976	RGB 107 105 118	#6B6976
100.0%	100.0% #5E5B6B	RGB 94 91 107	#5E5B6B

#AFAFB1 #A1A1A5 #949399 #86858E #797782 #6B6976 #5E5B6B

#AFAFB1 - #5E5B6B

HSV Blend

#AFAFB1 - #5E5B6B | 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 #AFAFB1 as 0% and #5E5B6B as 100%.

0.0%	0.0% #AFAFB1	RGB 175 175 177	#AFAFB1
16.7%	16.7% #9F9FA5	RGB 159 159 165	#9F9FA5
33.3%	33.3% #919099	RGB 145 144 153	#919099
50.0%	50.0% #83828E	RGB 131 130 142	#83828E
66.7%	66.7% #767482	RGB 118 116 130	#767482
83.3%	83.3% #6A6776	RGB 106 103 118	#6A6776
100.0%	100.0% #5E5B6B	RGB 94 91 107	#5E5B6B

#AFAFB1 #9F9FA5 #919099 #83828E #767482 #6A6776 #5E5B6B

#AFAFB1 - #83828E - #5E5B6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFAFB1 0%, #83828E 50%, #5E5B6B 100%);
    background: -webkit-linear-gradient(top, #AFAFB1 0%, #83828E 50%, #5E5B6B 100%);
    background: linear-gradient(to bottom, #AFAFB1 0%, #83828E 50%, #5E5B6B 100%);
}
</style>