#A8ADB2 - #545E6C | 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 #A8ADB2 to #545E6C

#A8ADB2 #545E6C

Calculate the color between two colors, #A8ADB2 and #545E6C. 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)

#A8ADB2 - #545E6C | 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 #A8ADB2 as 0% and #545E6C as 100%.

0.0%	0.0% #A8ADB2	RGB 168 173 178	#A8ADB2
16.7%	16.7% #9A9FA6	RGB 154 159 166	#9A9FA6
33.3%	33.3% #8C929A	RGB 140 146 154	#8C929A
50.0%	50.0% #7E858F	RGB 126 133 143	#7E858F
66.7%	66.7% #707883	RGB 112 120 131	#707883
83.3%	83.3% #626B77	RGB 98 107 119	#626B77
100.0%	100.0% #545E6C	RGB 84 94 108	#545E6C

#A8ADB2 #9A9FA6 #8C929A #7E858F #707883 #626B77 #545E6C

#A8ADB2 - #545E6C

HSV Blend

#A8ADB2 - #545E6C | 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 #A8ADB2 as 0% and #545E6C as 100%.

0.0%	0.0% #A8ADB2	RGB 168 173 178	#A8ADB2
16.7%	16.7% #989FA6	RGB 152 159 166	#989FA6
33.3%	33.3% #89919A	RGB 137 145 154	#89919A
50.0%	50.0% #7B848F	RGB 123 132 143	#7B848F
66.7%	66.7% #6D7783	RGB 109 119 131	#6D7783
83.3%	83.3% #606A77	RGB 96 106 119	#606A77
100.0%	100.0% #545E6C	RGB 84 94 108	#545E6C

#A8ADB2 #989FA6 #89919A #7B848F #6D7783 #606A77 #545E6C

#A8ADB2 - #7B848F - #545E6C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ADB2 0%, #7B848F 50%, #545E6C 100%);
    background: -webkit-linear-gradient(top, #A8ADB2 0%, #7B848F 50%, #545E6C 100%);
    background: linear-gradient(to bottom, #A8ADB2 0%, #7B848F 50%, #545E6C 100%);
}
</style>