#ADB7B7 - #447E7D | 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 #ADB7B7 to #447E7D

#ADB7B7 #447E7D

Calculate the color between two colors, #ADB7B7 and #447E7D. 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)

#ADB7B7 - #447E7D | 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 #ADB7B7 as 0% and #447E7D as 100%.

0.0%	0.0% #ADB7B7	RGB 173 183 183	#ADB7B7
16.7%	16.7% #9BADAD	RGB 155 173 173	#9BADAD
33.3%	33.3% #8AA4A3	RGB 138 164 163	#8AA4A3
50.0%	50.0% #789A9A	RGB 120 154 154	#789A9A
66.7%	66.7% #679190	RGB 103 145 144	#679190
83.3%	83.3% #558786	RGB 85 135 134	#558786
100.0%	100.0% #447E7D	RGB 68 126 125	#447E7D

#ADB7B7 #9BADAD #8AA4A3 #789A9A #679190 #558786 #447E7D

#ADB7B7 - #447E7D

HSV Blend

#ADB7B7 - #447E7D | 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 #ADB7B7 as 0% and #447E7D as 100%.

0.0%	0.0% #ADB7B7	RGB 173 183 183	#ADB7B7
16.7%	16.7% #98ADAD	RGB 152 173 173	#98ADAD
33.3%	33.3% #84A4A3	RGB 132 164 163	#84A4A3
50.0%	50.0% #729A9A	RGB 114 154 154	#729A9A
66.7%	66.7% #619190	RGB 97 145 144	#619190
83.3%	83.3% #528786	RGB 82 135 134	#528786
100.0%	100.0% #447E7D	RGB 68 126 125	#447E7D

#ADB7B7 #98ADAD #84A4A3 #729A9A #619190 #528786 #447E7D

#ADB7B7 - #729A9A - #447E7D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADB7B7 0%, #729A9A 50%, #447E7D 100%);
    background: -webkit-linear-gradient(top, #ADB7B7 0%, #729A9A 50%, #447E7D 100%);
    background: linear-gradient(to bottom, #ADB7B7 0%, #729A9A 50%, #447E7D 100%);
}
</style>