#AFB4B5 - #5F6B5E | 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 #AFB4B5 to #5F6B5E

#AFB4B5 #5F6B5E

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

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

0.0%	0.0% #AFB4B5	RGB 175 180 181	#AFB4B5
16.7%	16.7% #A1A7A6	RGB 161 167 166	#A1A7A6
33.3%	33.3% #949B98	RGB 148 155 152	#949B98
50.0%	50.0% #878F89	RGB 135 143 137	#878F89
66.7%	66.7% #79837B	RGB 121 131 123	#79837B
83.3%	83.3% #6C776C	RGB 108 119 108	#6C776C
100.0%	100.0% #5F6B5E	RGB 95 107 94	#5F6B5E

#AFB4B5 #A1A7A6 #949B98 #878F89 #79837B #6C776C #5F6B5E

#AFB4B5 - #5F6B5E

HSV Blend

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

0.0%	0.0% #AFB4B5	RGB 175 180 181	#AFB4B5
16.7%	16.7% #A0A8A8	RGB 160 168 168	#A0A8A8
33.3%	33.3% #929C99	RGB 146 156 153	#929C99
50.0%	50.0% #84908A	RGB 132 144 138	#84908A
66.7%	66.7% #77837B	RGB 119 131 123	#77837B
83.3%	83.3% #6A776C	RGB 106 119 108	#6A776C
100.0%	100.0% #5F6B5E	RGB 95 107 94	#5F6B5E

#AFB4B5 #A0A8A8 #929C99 #84908A #77837B #6A776C #5F6B5E

#AFB4B5 - #84908A - #5F6B5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFB4B5 0%, #84908A 50%, #5F6B5E 100%);
    background: -webkit-linear-gradient(top, #AFB4B5 0%, #84908A 50%, #5F6B5E 100%);
    background: linear-gradient(to bottom, #AFB4B5 0%, #84908A 50%, #5F6B5E 100%);
}
</style>