#A8B8C5 - #546883 | 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 #A8B8C5 to #546883

#A8B8C5 #546883

Calculate the color between two colors, #A8B8C5 and #546883. 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)

#A8B8C5 - #546883 | 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 #A8B8C5 as 0% and #546883 as 100%.

0.0%	0.0% #A8B8C5	RGB 168 184 197	#A8B8C5
16.7%	16.7% #9AAABA	RGB 154 170 186	#9AAABA
33.3%	33.3% #8C9DAF	RGB 140 157 175	#8C9DAF
50.0%	50.0% #7E90A4	RGB 126 144 164	#7E90A4
66.7%	66.7% #708299	RGB 112 130 153	#708299
83.3%	83.3% #62758E	RGB 98 117 142	#62758E
100.0%	100.0% #546883	RGB 84 104 131	#546883

#A8B8C5 #9AAABA #8C9DAF #7E90A4 #708299 #62758E #546883

#A8B8C5 - #546883

HSV Blend

#A8B8C5 - #546883 | 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 #A8B8C5 as 0% and #546883 as 100%.

0.0%	0.0% #A8B8C5	RGB 168 184 197	#A8B8C5
16.7%	16.7% #98AABA	RGB 152 170 186	#98AABA
33.3%	33.3% #889CAF	RGB 136 156 175	#889CAF
50.0%	50.0% #7A8EA4	RGB 122 142 164	#7A8EA4
66.7%	66.7% #6C8199	RGB 108 129 153	#6C8199
83.3%	83.3% #60748E	RGB 96 116 142	#60748E
100.0%	100.0% #546883	RGB 84 104 131	#546883

#A8B8C5 #98AABA #889CAF #7A8EA4 #6C8199 #60748E #546883

#A8B8C5 - #7A8EA4 - #546883

CSS codes

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

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