#A8ADB6 - #515F70 | 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 #A8ADB6 to #515F70

#A8ADB6 #515F70

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

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

0.0%	0.0% #A8ADB6	RGB 168 173 182	#A8ADB6
16.7%	16.7% #99A0AA	RGB 153 160 170	#99A0AA
33.3%	33.3% #8B939E	RGB 139 147 158	#8B939E
50.0%	50.0% #7C8693	RGB 124 134 147	#7C8693
66.7%	66.7% #6E7987	RGB 110 121 135	#6E7987
83.3%	83.3% #5F6C7B	RGB 95 108 123	#5F6C7B
100.0%	100.0% #515F70	RGB 81 95 112	#515F70

#A8ADB6 #99A0AA #8B939E #7C8693 #6E7987 #5F6C7B #515F70

#A8ADB6 - #515F70

HSV Blend

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

0.0%	0.0% #A8ADB6	RGB 168 173 182	#A8ADB6
16.7%	16.7% #979EAA	RGB 151 158 170	#979EAA
33.3%	33.3% #87909E	RGB 135 144 158	#87909E
50.0%	50.0% #798393	RGB 121 131 147	#798393
66.7%	66.7% #6A7687	RGB 106 118 135	#6A7687
83.3%	83.3% #5D6A7B	RGB 93 106 123	#5D6A7B
100.0%	100.0% #515F70	RGB 81 95 112	#515F70

#A8ADB6 #979EAA #87909E #798393 #6A7687 #5D6A7B #515F70

#A8ADB6 - #798393 - #515F70

CSS codes

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

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