#A2ABB1 - #515B6B | 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 #A2ABB1 to #515B6B

#A2ABB1 #515B6B

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

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

0.0%	0.0% #A2ABB1	RGB 162 171 177	#A2ABB1
16.7%	16.7% #949DA5	RGB 148 157 165	#949DA5
33.3%	33.3% #879099	RGB 135 144 153	#879099
50.0%	50.0% #79838E	RGB 121 131 142	#79838E
66.7%	66.7% #6C7582	RGB 108 117 130	#6C7582
83.3%	83.3% #5E6876	RGB 94 104 118	#5E6876
100.0%	100.0% #515B6B	RGB 81 91 107	#515B6B

#A2ABB1 #949DA5 #879099 #79838E #6C7582 #5E6876 #515B6B

#A2ABB1 - #515B6B

HSV Blend

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

0.0%	0.0% #A2ABB1	RGB 162 171 177	#A2ABB1
16.7%	16.7% #929DA5	RGB 146 157 165	#929DA5
33.3%	33.3% #848F99	RGB 132 143 153	#848F99
50.0%	50.0% #76828E	RGB 118 130 142	#76828E
66.7%	66.7% #697482	RGB 105 116 130	#697482
83.3%	83.3% #5C6776	RGB 92 103 118	#5C6776
100.0%	100.0% #515B6B	RGB 81 91 107	#515B6B

#A2ABB1 #929DA5 #848F99 #76828E #697482 #5C6776 #515B6B

#A2ABB1 - #76828E - #515B6B

CSS codes

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

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