#AFB6B8 - #576C8C | 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 #AFB6B8 to #576C8C

#AFB6B8 #576C8C

Calculate the color between two colors, #AFB6B8 and #576C8C. 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)

#AFB6B8 - #576C8C | 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 #AFB6B8 as 0% and #576C8C as 100%.

0.0%	0.0% #AFB6B8	RGB 175 182 184	#AFB6B8
16.7%	16.7% #A0A9B0	RGB 160 169 176	#A0A9B0
33.3%	33.3% #919DA9	RGB 145 157 169	#919DA9
50.0%	50.0% #8391A2	RGB 131 145 162	#8391A2
66.7%	66.7% #74849A	RGB 116 132 154	#74849A
83.3%	83.3% #657893	RGB 101 120 147	#657893
100.0%	100.0% #576C8C	RGB 87 108 140	#576C8C

#AFB6B8 #A0A9B0 #919DA9 #8391A2 #74849A #657893 #576C8C

#AFB6B8 - #576C8C

HSV Blend

#AFB6B8 - #576C8C | 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 #AFB6B8 as 0% and #576C8C as 100%.

0.0%	0.0% #AFB6B8	RGB 175 182 184	#AFB6B8
16.7%	16.7% #9EABB0	RGB 158 171 176	#9EABB0
33.3%	33.3% #8E9FA9	RGB 142 159 169	#8E9FA9
50.0%	50.0% #7F93A2	RGB 127 147 162	#7F93A2
66.7%	66.7% #71869A	RGB 113 134 154	#71869A
83.3%	83.3% #637993	RGB 99 121 147	#637993
100.0%	100.0% #576C8C	RGB 87 108 140	#576C8C

#AFB6B8 #9EABB0 #8E9FA9 #7F93A2 #71869A #637993 #576C8C

#AFB6B8 - #7F93A2 - #576C8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFB6B8 0%, #7F93A2 50%, #576C8C 100%);
    background: -webkit-linear-gradient(top, #AFB6B8 0%, #7F93A2 50%, #576C8C 100%);
    background: linear-gradient(to bottom, #AFB6B8 0%, #7F93A2 50%, #576C8C 100%);
}
</style>