#ADB8C9 - #556988 | 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 #ADB8C9 to #556988

#ADB8C9 #556988

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

#ADB8C9 - #556988 | 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 #ADB8C9 as 0% and #556988 as 100%.

0.0%	0.0% #ADB8C9	RGB 173 184 201	#ADB8C9
16.7%	16.7% #9EAABE	RGB 158 170 190	#9EAABE
33.3%	33.3% #8F9DB3	RGB 143 157 179	#8F9DB3
50.0%	50.0% #8190A8	RGB 129 144 168	#8190A8
66.7%	66.7% #72839D	RGB 114 131 157	#72839D
83.3%	83.3% #637692	RGB 99 118 146	#637692
100.0%	100.0% #556988	RGB 85 105 136	#556988

#ADB8C9 #9EAABE #8F9DB3 #8190A8 #72839D #637692 #556988

#ADB8C9 - #556988

HSV Blend

#ADB8C9 - #556988 | 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 #ADB8C9 as 0% and #556988 as 100%.

0.0%	0.0% #ADB8C9	RGB 173 184 201	#ADB8C9
16.7%	16.7% #9CA9BE	RGB 156 169 190	#9CA9BE
33.3%	33.3% #8C9BB3	RGB 140 155 179	#8C9BB3
50.0%	50.0% #7D8EA8	RGB 125 142 168	#7D8EA8
66.7%	66.7% #6E819D	RGB 110 129 157	#6E819D
83.3%	83.3% #617492	RGB 97 116 146	#617492
100.0%	100.0% #556988	RGB 85 105 136	#556988

#ADB8C9 #9CA9BE #8C9BB3 #7D8EA8 #6E819D #617492 #556988

#ADB8C9 - #7D8EA8 - #556988

CSS codes

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

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