#ADB5C0 - #56667D | 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 #ADB5C0 to #56667D

#ADB5C0 #56667D

Calculate the color between two colors, #ADB5C0 and #56667D. 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)

#ADB5C0 - #56667D | 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 #ADB5C0 as 0% and #56667D as 100%.

0.0%	0.0% #ADB5C0	RGB 173 181 192	#ADB5C0
16.7%	16.7% #9EA7B4	RGB 158 167 180	#9EA7B4
33.3%	33.3% #909AA9	RGB 144 154 169	#909AA9
50.0%	50.0% #818D9E	RGB 129 141 158	#818D9E
66.7%	66.7% #738093	RGB 115 128 147	#738093
83.3%	83.3% #647388	RGB 100 115 136	#647388
100.0%	100.0% #56667D	RGB 86 102 125	#56667D

#ADB5C0 #9EA7B4 #909AA9 #818D9E #738093 #647388 #56667D

#ADB5C0 - #56667D

HSV Blend

#ADB5C0 - #56667D | 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 #ADB5C0 as 0% and #56667D as 100%.

0.0%	0.0% #ADB5C0	RGB 173 181 192	#ADB5C0
16.7%	16.7% #9CA6B4	RGB 156 166 180	#9CA6B4
33.3%	33.3% #8C98A9	RGB 140 152 169	#8C98A9
50.0%	50.0% #7D8B9E	RGB 125 139 158	#7D8B9E
66.7%	66.7% #6F7E93	RGB 111 126 147	#6F7E93
83.3%	83.3% #627288	RGB 98 114 136	#627288
100.0%	100.0% #56667D	RGB 86 102 125	#56667D

#ADB5C0 #9CA6B4 #8C98A9 #7D8B9E #6F7E93 #627288 #56667D

#ADB5C0 - #7D8B9E - #56667D

CSS codes

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

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