#AFB6B5 - #497B7B | 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 #AFB6B5 to #497B7B

#AFB6B5 #497B7B

Calculate the color between two colors, #AFB6B5 and #497B7B. 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)

#AFB6B5 - #497B7B | 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 #AFB6B5 as 0% and #497B7B as 100%.

0.0%	0.0% #AFB6B5	RGB 175 182 181	#AFB6B5
16.7%	16.7% #9EACAB	RGB 158 172 171	#9EACAB
33.3%	33.3% #8DA2A1	RGB 141 162 161	#8DA2A1
50.0%	50.0% #7C9898	RGB 124 152 152	#7C9898
66.7%	66.7% #6B8E8E	RGB 107 142 142	#6B8E8E
83.3%	83.3% #5A8484	RGB 90 132 132	#5A8484
100.0%	100.0% #497B7B	RGB 73 123 123	#497B7B

#AFB6B5 #9EACAB #8DA2A1 #7C9898 #6B8E8E #5A8484 #497B7B

#AFB6B5 - #497B7B

HSV Blend

#AFB6B5 - #497B7B | 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 #AFB6B5 as 0% and #497B7B as 100%.

0.0%	0.0% #AFB6B5	RGB 175 182 181	#AFB6B5
16.7%	16.7% #9AACAA	RGB 154 172 170	#9AACAA
33.3%	33.3% #88A29F	RGB 136 162 159	#88A29F
50.0%	50.0% #769896	RGB 118 152 150	#769896
66.7%	66.7% #668E8C	RGB 102 142 140	#668E8C
83.3%	83.3% #568483	RGB 86 132 131	#568483
100.0%	100.0% #497B7B	RGB 73 123 123	#497B7B

#AFB6B5 #9AACAA #88A29F #769896 #668E8C #568483 #497B7B

#AFB6B5 - #769896 - #497B7B

CSS codes

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

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