#D9C9A2 - #A9983C | 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 #D9C9A2 to #A9983C

#D9C9A2 #A9983C

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

#D9C9A2 - #A9983C | 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 #D9C9A2 as 0% and #A9983C as 100%.

0.0%	0.0% #D9C9A2	RGB 217 201 162	#D9C9A2
16.7%	16.7% #D1C091	RGB 209 192 145	#D1C091
33.3%	33.3% #C9B880	RGB 201 184 128	#C9B880
50.0%	50.0% #C1B06F	RGB 193 176 111	#C1B06F
66.7%	66.7% #B9A85E	RGB 185 168 94	#B9A85E
83.3%	83.3% #B1A04D	RGB 177 160 77	#B1A04D
100.0%	100.0% #A9983C	RGB 169 152 60	#A9983C

#D9C9A2 #D1C091 #C9B880 #C1B06F #B9A85E #B1A04D #A9983C

#D9C9A2 - #A9983C

HSV Blend

#D9C9A2 - #A9983C | 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 #D9C9A2 as 0% and #A9983C as 100%.

0.0%	0.0% #D9C9A2	RGB 217 201 162	#D9C9A2
16.7%	16.7% #D1BF8E	RGB 209 191 142	#D1BF8E
33.3%	33.3% #C9B67B	RGB 201 182 123	#C9B67B
50.0%	50.0% #C1AD6A	RGB 193 173 106	#C1AD6A
66.7%	66.7% #B9A559	RGB 185 165 89	#B9A559
83.3%	83.3% #B19E4A	RGB 177 158 74	#B19E4A
100.0%	100.0% #A9983C	RGB 169 152 60	#A9983C

#D9C9A2 #D1BF8E #C9B67B #C1AD6A #B9A559 #B19E4A #A9983C

#D9C9A2 - #C1AD6A - #A9983C

CSS codes

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

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