#A0B5A1 - #DBD4B0 | 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 #A0B5A1 to #DBD4B0

#A0B5A1 #DBD4B0

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

#A0B5A1 - #DBD4B0 | 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 #A0B5A1 as 0% and #DBD4B0 as 100%.

0.0%	0.0% #A0B5A1	RGB 160 181 161	#A0B5A1
16.7%	16.7% #A9BAA3	RGB 169 186 163	#A9BAA3
33.3%	33.3% #B3BFA6	RGB 179 191 166	#B3BFA6
50.0%	50.0% #BDC4A8	RGB 189 196 168	#BDC4A8
66.7%	66.7% #C7C9AB	RGB 199 201 171	#C7C9AB
83.3%	83.3% #D1CEAD	RGB 209 206 173	#D1CEAD
100.0%	100.0% #DBD4B0	RGB 219 212 176	#DBD4B0

#A0B5A1 #A9BAA3 #B3BFA6 #BDC4A8 #C7C9AB #D1CEAD #DBD4B0

#A0B5A1 - #DBD4B0

HSV Blend

#A0B5A1 - #DBD4B0 | 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 #A0B5A1 as 0% and #DBD4B0 as 100%.

0.0%	0.0% #A0B5A1	RGB 160 181 161	#A0B5A1
16.7%	16.7% #A6BBA3	RGB 166 187 163	#A6BBA3
33.3%	33.3% #AFC1A6	RGB 175 193 166	#AFC1A6
50.0%	50.0% #BAC8A8	RGB 186 200 168	#BAC8A8
66.7%	66.7% #C5CEAB	RGB 197 206 171	#C5CEAB
83.3%	83.3% #D3D4AD	RGB 211 212 173	#D3D4AD
100.0%	100.0% #DBD4B0	RGB 219 212 176	#DBD4B0

#A0B5A1 #A6BBA3 #AFC1A6 #BAC8A8 #C5CEAB #D3D4AD #DBD4B0

#A0B5A1 - #BAC8A8 - #DBD4B0

CSS codes

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

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