#A9ABC5 - #4A5E81 | 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 #A9ABC5 to #4A5E81

#A9ABC5 #4A5E81

Calculate the color between two colors, #A9ABC5 and #4A5E81. 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)

#A9ABC5 - #4A5E81 | 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 #A9ABC5 as 0% and #4A5E81 as 100%.

0.0%	0.0% #A9ABC5	RGB 169 171 197	#A9ABC5
16.7%	16.7% #999EB9	RGB 153 158 185	#999EB9
33.3%	33.3% #8991AE	RGB 137 145 174	#8991AE
50.0%	50.0% #7984A3	RGB 121 132 163	#7984A3
66.7%	66.7% #697797	RGB 105 119 151	#697797
83.3%	83.3% #596A8C	RGB 89 106 140	#596A8C
100.0%	100.0% #4A5E81	RGB 74 94 129	#4A5E81

#A9ABC5 #999EB9 #8991AE #7984A3 #697797 #596A8C #4A5E81

#A9ABC5 - #4A5E81

HSV Blend

#A9ABC5 - #4A5E81 | 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 #A9ABC5 as 0% and #4A5E81 as 100%.

0.0%	0.0% #A9ABC5	RGB 169 171 197	#A9ABC5
16.7%	16.7% #969AB9	RGB 150 154 185	#969AB9
33.3%	33.3% #858CAE	RGB 133 140 174	#858CAE
50.0%	50.0% #747EA3	RGB 116 126 163	#747EA3
66.7%	66.7% #657297	RGB 101 114 151	#657297
83.3%	83.3% #57678C	RGB 87 103 140	#57678C
100.0%	100.0% #4A5E81	RGB 74 94 129	#4A5E81

#A9ABC5 #969AB9 #858CAE #747EA3 #657297 #57678C #4A5E81

#A9ABC5 - #747EA3 - #4A5E81

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A9ABC5 0%, #747EA3 50%, #4A5E81 100%);
    background: -webkit-linear-gradient(top, #A9ABC5 0%, #747EA3 50%, #4A5E81 100%);
    background: linear-gradient(to bottom, #A9ABC5 0%, #747EA3 50%, #4A5E81 100%);
}
</style>