#A8B9C0 - #54798C | 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 #A8B9C0 to #54798C

#A8B9C0 #54798C

Calculate the color between two colors, #A8B9C0 and #54798C. 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)

#A8B9C0 - #54798C | 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 #A8B9C0 as 0% and #54798C as 100%.

0.0%	0.0% #A8B9C0	RGB 168 185 192	#A8B9C0
16.7%	16.7% #9AAEB7	RGB 154 174 183	#9AAEB7
33.3%	33.3% #8CA3AE	RGB 140 163 174	#8CA3AE
50.0%	50.0% #7E99A6	RGB 126 153 166	#7E99A6
66.7%	66.7% #708E9D	RGB 112 142 157	#708E9D
83.3%	83.3% #628394	RGB 98 131 148	#628394
100.0%	100.0% #54798C	RGB 84 121 140	#54798C

#A8B9C0 #9AAEB7 #8CA3AE #7E99A6 #708E9D #628394 #54798C

#A8B9C0 - #54798C

HSV Blend

#A8B9C0 - #54798C | 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 #A8B9C0 as 0% and #54798C as 100%.

0.0%	0.0% #A8B9C0	RGB 168 185 192	#A8B9C0
16.7%	16.7% #98ADB7	RGB 152 173 183	#98ADB7
33.3%	33.3% #88A3AE	RGB 136 163 174	#88A3AE
50.0%	50.0% #7A98A6	RGB 122 152 166	#7A98A6
66.7%	66.7% #6C8D9D	RGB 108 141 157	#6C8D9D
83.3%	83.3% #608394	RGB 96 131 148	#608394
100.0%	100.0% #54798C	RGB 84 121 140	#54798C

#A8B9C0 #98ADB7 #88A3AE #7A98A6 #6C8D9D #608394 #54798C

#A8B9C0 - #7A98A6 - #54798C

CSS codes

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

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