#ADADB8 - #60536E | 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 #ADADB8 to #60536E

#ADADB8 #60536E

Calculate the color between two colors, #ADADB8 and #60536E. 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)

#ADADB8 - #60536E | 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 #ADADB8 as 0% and #60536E as 100%.

0.0%	0.0% #ADADB8	RGB 173 173 184	#ADADB8
16.7%	16.7% #A09EAB	RGB 160 158 171	#A09EAB
33.3%	33.3% #938F9F	RGB 147 143 159	#938F9F
50.0%	50.0% #868093	RGB 134 128 147	#868093
66.7%	66.7% #797186	RGB 121 113 134	#797186
83.3%	83.3% #6C627A	RGB 108 98 122	#6C627A
100.0%	100.0% #60536E	RGB 96 83 110	#60536E

#ADADB8 #A09EAB #938F9F #868093 #797186 #6C627A #60536E

#ADADB8 - #60536E

HSV Blend

#ADADB8 - #60536E | 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 #ADADB8 as 0% and #60536E as 100%.

0.0%	0.0% #ADADB8	RGB 173 173 184	#ADADB8
16.7%	16.7% #9D9CAB	RGB 157 156 171	#9D9CAB
33.3%	33.3% #8F8B9F	RGB 143 139 159	#8F8B9F
50.0%	50.0% #817C93	RGB 129 124 147	#817C93
66.7%	66.7% #756D86	RGB 117 109 134	#756D86
83.3%	83.3% #6A607A	RGB 106 96 122	#6A607A
100.0%	100.0% #60536E	RGB 96 83 110	#60536E

#ADADB8 #9D9CAB #8F8B9F #817C93 #756D86 #6A607A #60536E

#ADADB8 - #817C93 - #60536E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADADB8 0%, #817C93 50%, #60536E 100%);
    background: -webkit-linear-gradient(top, #ADADB8 0%, #817C93 50%, #60536E 100%);
    background: linear-gradient(to bottom, #ADADB8 0%, #817C93 50%, #60536E 100%);
}
</style>