#A5A2AD - #DCDAB7 | 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 #A5A2AD to #DCDAB7

#A5A2AD #DCDAB7

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

#A5A2AD - #DCDAB7 | 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 #A5A2AD as 0% and #DCDAB7 as 100%.

0.0%	0.0% #A5A2AD	RGB 165 162 173	#A5A2AD
16.7%	16.7% #AEABAE	RGB 174 171 174	#AEABAE
33.3%	33.3% #B7B4B0	RGB 183 180 176	#B7B4B0
50.0%	50.0% #C0BEB2	RGB 192 190 178	#C0BEB2
66.7%	66.7% #C9C7B3	RGB 201 199 179	#C9C7B3
83.3%	83.3% #D2D0B5	RGB 210 208 181	#D2D0B5
100.0%	100.0% #DCDAB7	RGB 220 218 183	#DCDAB7

#A5A2AD #AEABAE #B7B4B0 #C0BEB2 #C9C7B3 #D2D0B5 #DCDAB7

#A5A2AD - #DCDAB7

HSV Blend

#A5A2AD - #DCDAB7 | 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 #A5A2AD as 0% and #DCDAB7 as 100%.

0.0%	0.0% #A5A2AD	RGB 165 162 173	#A5A2AD
16.7%	16.7% #B0A6B4	RGB 176 166 180	#B0A6B4
33.3%	33.3% #BCAAB9	RGB 188 170 185	#BCAAB9
50.0%	50.0% #C4ADB6	RGB 196 173 182	#C4ADB6
66.7%	66.7% #CCB2B1	RGB 204 178 177	#CCB2B1
83.3%	83.3% #D4C4B4	RGB 212 196 180	#D4C4B4
100.0%	100.0% #DCDAB7	RGB 220 218 183	#DCDAB7

#A5A2AD #B0A6B4 #BCAAB9 #C4ADB6 #CCB2B1 #D4C4B4 #DCDAB7

#A5A2AD - #C4ADB6 - #DCDAB7

CSS codes

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

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