#ADB8C0 - #5A687D | 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 #ADB8C0 to #5A687D

#ADB8C0 #5A687D

Calculate the color between two colors, #ADB8C0 and #5A687D. 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)

#ADB8C0 - #5A687D | 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 #ADB8C0 as 0% and #5A687D as 100%.

0.0%	0.0% #ADB8C0	RGB 173 184 192	#ADB8C0
16.7%	16.7% #9FAAB4	RGB 159 170 180	#9FAAB4
33.3%	33.3% #919DA9	RGB 145 157 169	#919DA9
50.0%	50.0% #83909E	RGB 131 144 158	#83909E
66.7%	66.7% #758293	RGB 117 130 147	#758293
83.3%	83.3% #677588	RGB 103 117 136	#677588
100.0%	100.0% #5A687D	RGB 90 104 125	#5A687D

#ADB8C0 #9FAAB4 #919DA9 #83909E #758293 #677588 #5A687D

#ADB8C0 - #5A687D

HSV Blend

#ADB8C0 - #5A687D | 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 #ADB8C0 as 0% and #5A687D as 100%.

0.0%	0.0% #ADB8C0	RGB 173 184 192	#ADB8C0
16.7%	16.7% #9DAAB4	RGB 157 170 180	#9DAAB4
33.3%	33.3% #8E9CA9	RGB 142 156 169	#8E9CA9
50.0%	50.0% #808F9E	RGB 128 143 158	#808F9E
66.7%	66.7% #728193	RGB 114 129 147	#728193
83.3%	83.3% #667488	RGB 102 116 136	#667488
100.0%	100.0% #5A687D	RGB 90 104 125	#5A687D

#ADB8C0 #9DAAB4 #8E9CA9 #808F9E #728193 #667488 #5A687D

#ADB8C0 - #808F9E - #5A687D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADB8C0 0%, #808F9E 50%, #5A687D 100%);
    background: -webkit-linear-gradient(top, #ADB8C0 0%, #808F9E 50%, #5A687D 100%);
    background: linear-gradient(to bottom, #ADB8C0 0%, #808F9E 50%, #5A687D 100%);
}
</style>