#DBDDD9 - #A4AC8F | 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 #DBDDD9 to #A4AC8F

#DBDDD9 #A4AC8F

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

#DBDDD9 - #A4AC8F | 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 #DBDDD9 as 0% and #A4AC8F as 100%.

0.0%	0.0% #DBDDD9	RGB 219 221 217	#DBDDD9
16.7%	16.7% #D1D4CC	RGB 209 212 204	#D1D4CC
33.3%	33.3% #C8CCC0	RGB 200 204 192	#C8CCC0
50.0%	50.0% #BFC4B4	RGB 191 196 180	#BFC4B4
66.7%	66.7% #B6BCA7	RGB 182 188 167	#B6BCA7
83.3%	83.3% #ADB49B	RGB 173 180 155	#ADB49B
100.0%	100.0% #A4AC8F	RGB 164 172 143	#A4AC8F

#DBDDD9 #D1D4CC #C8CCC0 #BFC4B4 #B6BCA7 #ADB49B #A4AC8F

#DBDDD9 - #A4AC8F

HSV Blend

#DBDDD9 - #A4AC8F | 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 #DBDDD9 as 0% and #A4AC8F as 100%.

0.0%	0.0% #DBDDD9	RGB 219 221 217	#DBDDD9
16.7%	16.7% #D0D4CB	RGB 208 212 203	#D0D4CB
33.3%	33.3% #C6CCBE	RGB 198 204 190	#C6CCBE
50.0%	50.0% #BDC4B2	RGB 189 196 178	#BDC4B2
66.7%	66.7% #B4BCA6	RGB 180 188 166	#B4BCA6
83.3%	83.3% #ACB49A	RGB 172 180 154	#ACB49A
100.0%	100.0% #A4AC8F	RGB 164 172 143	#A4AC8F

#DBDDD9 #D0D4CB #C6CCBE #BDC4B2 #B4BCA6 #ACB49A #A4AC8F

#DBDDD9 - #BDC4B2 - #A4AC8F

CSS codes

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

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