#D9CEB2 - #A79D4B | 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 #D9CEB2 to #A79D4B

#D9CEB2 #A79D4B

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

#D9CEB2 - #A79D4B | 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 #D9CEB2 as 0% and #A79D4B as 100%.

0.0%	0.0% #D9CEB2	RGB 217 206 178	#D9CEB2
16.7%	16.7% #D0C5A0	RGB 208 197 160	#D0C5A0
33.3%	33.3% #C8BD8F	RGB 200 189 143	#C8BD8F
50.0%	50.0% #C0B57E	RGB 192 181 126	#C0B57E
66.7%	66.7% #B7AD6D	RGB 183 173 109	#B7AD6D
83.3%	83.3% #AFA55C	RGB 175 165 92	#AFA55C
100.0%	100.0% #A79D4B	RGB 167 157 75	#A79D4B

#D9CEB2 #D0C5A0 #C8BD8F #C0B57E #B7AD6D #AFA55C #A79D4B

#D9CEB2 - #A79D4B

HSV Blend

#D9CEB2 - #A79D4B | 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 #D9CEB2 as 0% and #A79D4B as 100%.

0.0%	0.0% #D9CEB2	RGB 217 206 178	#D9CEB2
16.7%	16.7% #D0C39E	RGB 208 195 158	#D0C39E
33.3%	33.3% #C8BA8B	RGB 200 186 139	#C8BA8B
50.0%	50.0% #C0B279	RGB 192 178 121	#C0B279
66.7%	66.7% #B7AA69	RGB 183 170 105	#B7AA69
83.3%	83.3% #AFA359	RGB 175 163 89	#AFA359
100.0%	100.0% #A79D4B	RGB 167 157 75	#A79D4B

#D9CEB2 #D0C39E #C8BA8B #C0B279 #B7AA69 #AFA359 #A79D4B

#D9CEB2 - #C0B279 - #A79D4B

CSS codes

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

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