#A8ACB1 - #535D6B | 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 #A8ACB1 to #535D6B

#A8ACB1 #535D6B

Calculate the color between two colors, #A8ACB1 and #535D6B. 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)

#A8ACB1 - #535D6B | 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 #A8ACB1 as 0% and #535D6B as 100%.

0.0%	0.0% #A8ACB1	RGB 168 172 177	#A8ACB1
16.7%	16.7% #999EA5	RGB 153 158 165	#999EA5
33.3%	33.3% #8B9199	RGB 139 145 153	#8B9199
50.0%	50.0% #7D848E	RGB 125 132 142	#7D848E
66.7%	66.7% #6F7782	RGB 111 119 130	#6F7782
83.3%	83.3% #616A76	RGB 97 106 118	#616A76
100.0%	100.0% #535D6B	RGB 83 93 107	#535D6B

#A8ACB1 #999EA5 #8B9199 #7D848E #6F7782 #616A76 #535D6B

#A8ACB1 - #535D6B

HSV Blend

#A8ACB1 - #535D6B | 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 #A8ACB1 as 0% and #535D6B as 100%.

0.0%	0.0% #A8ACB1	RGB 168 172 177	#A8ACB1
16.7%	16.7% #989DA5	RGB 152 157 165	#989DA5
33.3%	33.3% #889099	RGB 136 144 153	#889099
50.0%	50.0% #7A828E	RGB 122 130 142	#7A828E
66.7%	66.7% #6C7582	RGB 108 117 130	#6C7582
83.3%	83.3% #5F6976	RGB 95 105 118	#5F6976
100.0%	100.0% #535D6B	RGB 83 93 107	#535D6B

#A8ACB1 #989DA5 #889099 #7A828E #6C7582 #5F6976 #535D6B

#A8ACB1 - #7A828E - #535D6B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8ACB1 0%, #7A828E 50%, #535D6B 100%);
    background: -webkit-linear-gradient(top, #A8ACB1 0%, #7A828E 50%, #535D6B 100%);
    background: linear-gradient(to bottom, #A8ACB1 0%, #7A828E 50%, #535D6B 100%);
}
</style>