#D9D9C5 - #A6AD6E | 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 #D9D9C5 to #A6AD6E

#D9D9C5 #A6AD6E

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

#D9D9C5 - #A6AD6E | 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 #D9D9C5 as 0% and #A6AD6E as 100%.

0.0%	0.0% #D9D9C5	RGB 217 217 197	#D9D9C5
16.7%	16.7% #D0D1B6	RGB 208 209 182	#D0D1B6
33.3%	33.3% #C8CAA8	RGB 200 202 168	#C8CAA8
50.0%	50.0% #BFC399	RGB 191 195 153	#BFC399
66.7%	66.7% #B7BB8B	RGB 183 187 139	#B7BB8B
83.3%	83.3% #AEB47C	RGB 174 180 124	#AEB47C
100.0%	100.0% #A6AD6E	RGB 166 173 110	#A6AD6E

#D9D9C5 #D0D1B6 #C8CAA8 #BFC399 #B7BB8B #AEB47C #A6AD6E

#D9D9C5 - #A6AD6E

HSV Blend

#D9D9C5 - #A6AD6E | 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 #D9D9C5 as 0% and #A6AD6E as 100%.

0.0%	0.0% #D9D9C5	RGB 217 217 197	#D9D9C5
16.7%	16.7% #D1D1B4	RGB 209 209 180	#D1D1B4
33.3%	33.3% #C8CAA5	RGB 200 202 165	#C8CAA5
50.0%	50.0% #C0C396	RGB 192 195 150	#C0C396
66.7%	66.7% #B7BB88	RGB 183 187 136	#B7BB88
83.3%	83.3% #AFB47A	RGB 175 180 122	#AFB47A
100.0%	100.0% #A6AD6E	RGB 166 173 110	#A6AD6E

#D9D9C5 #D1D1B4 #C8CAA5 #C0C396 #B7BB88 #AFB47A #A6AD6E

#D9D9C5 - #C0C396 - #A6AD6E

CSS codes

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

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