#ADB2B9 - #DEC6C0 | 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 #ADB2B9 to #DEC6C0

#ADB2B9 #DEC6C0

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

#ADB2B9 - #DEC6C0 | 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 #ADB2B9 as 0% and #DEC6C0 as 100%.

0.0%	0.0% #ADB2B9	RGB 173 178 185	#ADB2B9
16.7%	16.7% #B5B5BA	RGB 181 181 186	#B5B5BA
33.3%	33.3% #BDB8BB	RGB 189 184 187	#BDB8BB
50.0%	50.0% #C5BCBC	RGB 197 188 188	#C5BCBC
66.7%	66.7% #CDBFBD	RGB 205 191 189	#CDBFBD
83.3%	83.3% #D5C2BE	RGB 213 194 190	#D5C2BE
100.0%	100.0% #DEC6C0	RGB 222 198 192	#DEC6C0

#ADB2B9 #B5B5BA #BDB8BB #C5BCBC #CDBFBD #D5C2BE #DEC6C0

#ADB2B9 - #DEC6C0

HSV Blend

#ADB2B9 - #DEC6C0 | 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 #ADB2B9 as 0% and #DEC6C0 as 100%.

0.0%	0.0% #ADB2B9	RGB 173 178 185	#ADB2B9
16.7%	16.7% #B0B0BF	RGB 176 176 191	#B0B0BF
33.3%	33.3% #BBB3C5	RGB 187 179 197	#BBB3C5
50.0%	50.0% #C9B7CB	RGB 201 183 203	#C9B7CB
66.7%	66.7% #D1BAC9	RGB 209 186 201	#D1BAC9
83.3%	83.3% #D7BDC3	RGB 215 189 195	#D7BDC3
100.0%	100.0% #DEC6C0	RGB 222 198 192	#DEC6C0

#ADB2B9 #B0B0BF #BBB3C5 #C9B7CB #D1BAC9 #D7BDC3 #DEC6C0

#ADB2B9 - #C9B7CB - #DEC6C0

CSS codes

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

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