#A8ACB8 - #496A72 | 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 #A8ACB8 to #496A72

#A8ACB8 #496A72

Calculate the color between two colors, #A8ACB8 and #496A72. 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)

#A8ACB8 - #496A72 | 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 #A8ACB8 as 0% and #496A72 as 100%.

0.0%	0.0% #A8ACB8	RGB 168 172 184	#A8ACB8
16.7%	16.7% #98A1AC	RGB 152 161 172	#98A1AC
33.3%	33.3% #8896A0	RGB 136 150 160	#8896A0
50.0%	50.0% #788B95	RGB 120 139 149	#788B95
66.7%	66.7% #688089	RGB 104 128 137	#688089
83.3%	83.3% #58757D	RGB 88 117 125	#58757D
100.0%	100.0% #496A72	RGB 73 106 114	#496A72

#A8ACB8 #98A1AC #8896A0 #788B95 #688089 #58757D #496A72

#A8ACB8 - #496A72

HSV Blend

#A8ACB8 - #496A72 | 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 #A8ACB8 as 0% and #496A72 as 100%.

0.0%	0.0% #A8ACB8	RGB 168 172 184	#A8ACB8
16.7%	16.7% #959DAC	RGB 149 157 172	#959DAC
33.3%	33.3% #8490A0	RGB 132 144 160	#8490A0
50.0%	50.0% #738595	RGB 115 133 149	#738595
66.7%	66.7% #647B89	RGB 100 123 137	#647B89
83.3%	83.3% #56727D	RGB 86 114 125	#56727D
100.0%	100.0% #496A72	RGB 73 106 114	#496A72

#A8ACB8 #959DAC #8490A0 #738595 #647B89 #56727D #496A72

#A8ACB8 - #738595 - #496A72

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ACB8 0%, #738595 50%, #496A72 100%);
    background: -webkit-linear-gradient(top, #A8ACB8 0%, #738595 50%, #496A72 100%);
    background: linear-gradient(to bottom, #A8ACB8 0%, #738595 50%, #496A72 100%);
}
</style>