#A6B6B5 - #518B7D | 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 #A6B6B5 to #518B7D

#A6B6B5 #518B7D

Calculate the color between two colors, #A6B6B5 and #518B7D. 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)

#A6B6B5 - #518B7D | 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 #A6B6B5 as 0% and #518B7D as 100%.

0.0%	0.0% #A6B6B5	RGB 166 182 181	#A6B6B5
16.7%	16.7% #97AEAB	RGB 151 174 171	#97AEAB
33.3%	33.3% #89A7A2	RGB 137 167 162	#89A7A2
50.0%	50.0% #7BA099	RGB 123 160 153	#7BA099
66.7%	66.7% #6D998F	RGB 109 153 143	#6D998F
83.3%	83.3% #5F9286	RGB 95 146 134	#5F9286
100.0%	100.0% #518B7D	RGB 81 139 125	#518B7D

#A6B6B5 #97AEAB #89A7A2 #7BA099 #6D998F #5F9286 #518B7D

#A6B6B5 - #518B7D

HSV Blend

#A6B6B5 - #518B7D | 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 #A6B6B5 as 0% and #518B7D as 100%.

0.0%	0.0% #A6B6B5	RGB 166 182 181	#A6B6B5
16.7%	16.7% #95AEAC	RGB 149 174 172	#95AEAC
33.3%	33.3% #86A7A3	RGB 134 167 163	#86A7A3
50.0%	50.0% #77A09A	RGB 119 160 154	#77A09A
66.7%	66.7% #6A9990	RGB 106 153 144	#6A9990
83.3%	83.3% #5D9286	RGB 93 146 134	#5D9286
100.0%	100.0% #518B7D	RGB 81 139 125	#518B7D

#A6B6B5 #95AEAC #86A7A3 #77A09A #6A9990 #5D9286 #518B7D

#A6B6B5 - #77A09A - #518B7D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A6B6B5 0%, #77A09A 50%, #518B7D 100%);
    background: -webkit-linear-gradient(top, #A6B6B5 0%, #77A09A 50%, #518B7D 100%);
    background: linear-gradient(to bottom, #A6B6B5 0%, #77A09A 50%, #518B7D 100%);
}
</style>