#D9CAAB - #AD9A56 | 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 #D9CAAB to #AD9A56

#D9CAAB #AD9A56

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

#D9CAAB - #AD9A56 | 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 #D9CAAB as 0% and #AD9A56 as 100%.

0.0%	0.0% #D9CAAB	RGB 217 202 171	#D9CAAB
16.7%	16.7% #D1C29C	RGB 209 194 156	#D1C29C
33.3%	33.3% #CABA8E	RGB 202 186 142	#CABA8E
50.0%	50.0% #C3B280	RGB 195 178 128	#C3B280
66.7%	66.7% #BBAA72	RGB 187 170 114	#BBAA72
83.3%	83.3% #B4A264	RGB 180 162 100	#B4A264
100.0%	100.0% #AD9A56	RGB 173 154 86	#AD9A56

#D9CAAB #D1C29C #CABA8E #C3B280 #BBAA72 #B4A264 #AD9A56

#D9CAAB - #AD9A56

HSV Blend

#D9CAAB - #AD9A56 | 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 #D9CAAB as 0% and #AD9A56 as 100%.

0.0%	0.0% #D9CAAB	RGB 217 202 171	#D9CAAB
16.7%	16.7% #D1C09B	RGB 209 192 155	#D1C09B
33.3%	33.3% #CAB88B	RGB 202 184 139	#CAB88B
50.0%	50.0% #C3B07D	RGB 195 176 125	#C3B07D
66.7%	66.7% #BBA86F	RGB 187 168 111	#BBA86F
83.3%	83.3% #B4A062	RGB 180 160 98	#B4A062
100.0%	100.0% #AD9A56	RGB 173 154 86	#AD9A56

#D9CAAB #D1C09B #CAB88B #C3B07D #BBA86F #B4A062 #AD9A56

#D9CAAB - #C3B07D - #AD9A56

CSS codes

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

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