#A2ADA6 - #486B6B | 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 #A2ADA6 to #486B6B

#A2ADA6 #486B6B

Calculate the color between two colors, #A2ADA6 and #486B6B. 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)

#A2ADA6 - #486B6B | 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 #A2ADA6 as 0% and #486B6B as 100%.

0.0%	0.0% #A2ADA6	RGB 162 173 166	#A2ADA6
16.7%	16.7% #93A29C	RGB 147 162 156	#93A29C
33.3%	33.3% #849792	RGB 132 151 146	#849792
50.0%	50.0% #758C88	RGB 117 140 136	#758C88
66.7%	66.7% #66817E	RGB 102 129 126	#66817E
83.3%	83.3% #577674	RGB 87 118 116	#577674
100.0%	100.0% #486B6B	RGB 72 107 107	#486B6B

#A2ADA6 #93A29C #849792 #758C88 #66817E #577674 #486B6B

#A2ADA6 - #486B6B

HSV Blend

#A2ADA6 - #486B6B | 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 #A2ADA6 as 0% and #486B6B as 100%.

0.0%	0.0% #A2ADA6	RGB 162 173 166	#A2ADA6
16.7%	16.7% #90A298	RGB 144 162 152	#90A298
33.3%	33.3% #80978D	RGB 128 151 141	#80978D
50.0%	50.0% #708C83	RGB 112 140 131	#708C83
66.7%	66.7% #62817A	RGB 98 129 122	#62817A
83.3%	83.3% #547672	RGB 84 118 114	#547672
100.0%	100.0% #486B6B	RGB 72 107 107	#486B6B

#A2ADA6 #90A298 #80978D #708C83 #62817A #547672 #486B6B

#A2ADA6 - #708C83 - #486B6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2ADA6 0%, #708C83 50%, #486B6B 100%);
    background: -webkit-linear-gradient(top, #A2ADA6 0%, #708C83 50%, #486B6B 100%);
    background: linear-gradient(to bottom, #A2ADA6 0%, #708C83 50%, #486B6B 100%);
}
</style>