#D9DBD1 - #A0AB82 | 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 #D9DBD1 to #A0AB82

#D9DBD1 #A0AB82

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

#D9DBD1 - #A0AB82 | 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 #D9DBD1 as 0% and #A0AB82 as 100%.

0.0%	0.0% #D9DBD1	RGB 217 219 209	#D9DBD1
16.7%	16.7% #CFD3C3	RGB 207 211 195	#CFD3C3
33.3%	33.3% #C6CBB6	RGB 198 203 182	#C6CBB6
50.0%	50.0% #BCC3A9	RGB 188 195 169	#BCC3A9
66.7%	66.7% #B3BB9C	RGB 179 187 156	#B3BB9C
83.3%	83.3% #A9B38F	RGB 169 179 143	#A9B38F
100.0%	100.0% #A0AB82	RGB 160 171 130	#A0AB82

#D9DBD1 #CFD3C3 #C6CBB6 #BCC3A9 #B3BB9C #A9B38F #A0AB82

#D9DBD1 - #A0AB82

HSV Blend

#D9DBD1 - #A0AB82 | 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 #D9DBD1 as 0% and #A0AB82 as 100%.

0.0%	0.0% #D9DBD1	RGB 217 219 209	#D9DBD1
16.7%	16.7% #CFD3C2	RGB 207 211 194	#CFD3C2
33.3%	33.3% #C6CBB4	RGB 198 203 180	#C6CBB4
50.0%	50.0% #BCC3A7	RGB 188 195 167	#BCC3A7
66.7%	66.7% #B2BB9A	RGB 178 187 154	#B2BB9A
83.3%	83.3% #A9B38D	RGB 169 179 141	#A9B38D
100.0%	100.0% #A0AB82	RGB 160 171 130	#A0AB82

#D9DBD1 #CFD3C2 #C6CBB4 #BCC3A7 #B2BB9A #A9B38D #A0AB82

#D9DBD1 - #BCC3A7 - #A0AB82

CSS codes

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

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