#ADADB5 - #60556B | 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 #ADADB5 to #60556B

#ADADB5 #60556B

Calculate the color between two colors, #ADADB5 and #60556B. 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)

#ADADB5 - #60556B | 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 #ADADB5 as 0% and #60556B as 100%.

0.0%	0.0% #ADADB5	RGB 173 173 181	#ADADB5
16.7%	16.7% #A09EA8	RGB 160 158 168	#A09EA8
33.3%	33.3% #938F9C	RGB 147 143 156	#938F9C
50.0%	50.0% #868190	RGB 134 129 144	#868190
66.7%	66.7% #797283	RGB 121 114 131	#797283
83.3%	83.3% #6C6377	RGB 108 99 119	#6C6377
100.0%	100.0% #60556B	RGB 96 85 107	#60556B

#ADADB5 #A09EA8 #938F9C #868190 #797283 #6C6377 #60556B

#ADADB5 - #60556B

HSV Blend

#ADADB5 - #60556B | 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 #ADADB5 as 0% and #60556B as 100%.

0.0%	0.0% #ADADB5	RGB 173 173 181	#ADADB5
16.7%	16.7% #9D9CA8	RGB 157 156 168	#9D9CA8
33.3%	33.3% #8F8D9C	RGB 143 141 156	#8F8D9C
50.0%	50.0% #827E90	RGB 130 126 144	#827E90
66.7%	66.7% #766F83	RGB 118 111 131	#766F83
83.3%	83.3% #6A6277	RGB 106 98 119	#6A6277
100.0%	100.0% #60556B	RGB 96 85 107	#60556B

#ADADB5 #9D9CA8 #8F8D9C #827E90 #766F83 #6A6277 #60556B

#ADADB5 - #827E90 - #60556B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADADB5 0%, #827E90 50%, #60556B 100%);
    background: -webkit-linear-gradient(top, #ADADB5 0%, #827E90 50%, #60556B 100%);
    background: linear-gradient(to bottom, #ADADB5 0%, #827E90 50%, #60556B 100%);
}
</style>