#A2B3A8 - #48726E | 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 #A2B3A8 to #48726E

#A2B3A8 #48726E

Calculate the color between two colors, #A2B3A8 and #48726E. 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)

#A2B3A8 - #48726E | 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 #A2B3A8 as 0% and #48726E as 100%.

0.0%	0.0% #A2B3A8	RGB 162 179 168	#A2B3A8
16.7%	16.7% #93A89E	RGB 147 168 158	#93A89E
33.3%	33.3% #849D94	RGB 132 157 148	#849D94
50.0%	50.0% #75928B	RGB 117 146 139	#75928B
66.7%	66.7% #668781	RGB 102 135 129	#668781
83.3%	83.3% #577C77	RGB 87 124 119	#577C77
100.0%	100.0% #48726E	RGB 72 114 110	#48726E

#A2B3A8 #93A89E #849D94 #75928B #668781 #577C77 #48726E

#A2B3A8 - #48726E

HSV Blend

#A2B3A8 - #48726E | 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 #A2B3A8 as 0% and #48726E as 100%.

0.0%	0.0% #A2B3A8	RGB 162 179 168	#A2B3A8
16.7%	16.7% #90A89B	RGB 144 168 155	#90A89B
33.3%	33.3% #809D8F	RGB 128 157 143	#809D8F
50.0%	50.0% #709285	RGB 112 146 133	#709285
66.7%	66.7% #62877D	RGB 98 135 125	#62877D
83.3%	83.3% #547C75	RGB 84 124 117	#547C75
100.0%	100.0% #48726E	RGB 72 114 110	#48726E

#A2B3A8 #90A89B #809D8F #709285 #62877D #547C75 #48726E

#A2B3A8 - #709285 - #48726E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2B3A8 0%, #709285 50%, #48726E 100%);
    background: -webkit-linear-gradient(top, #A2B3A8 0%, #709285 50%, #48726E 100%);
    background: linear-gradient(to bottom, #A2B3A8 0%, #709285 50%, #48726E 100%);
}
</style>