#D9D4C0 - #ADA96D | 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 #D9D4C0 to #ADA96D

#D9D4C0 #ADA96D

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

#D9D4C0 - #ADA96D | 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 #D9D4C0 as 0% and #ADA96D as 100%.

0.0%	0.0% #D9D4C0	RGB 217 212 192	#D9D4C0
16.7%	16.7% #D1CCB2	RGB 209 204 178	#D1CCB2
33.3%	33.3% #CAC5A4	RGB 202 197 164	#CAC5A4
50.0%	50.0% #C3BE96	RGB 195 190 150	#C3BE96
66.7%	66.7% #BBB788	RGB 187 183 136	#BBB788
83.3%	83.3% #B4B07A	RGB 180 176 122	#B4B07A
100.0%	100.0% #ADA96D	RGB 173 169 109	#ADA96D

#D9D4C0 #D1CCB2 #CAC5A4 #C3BE96 #BBB788 #B4B07A #ADA96D

#D9D4C0 - #ADA96D

HSV Blend

#D9D4C0 - #ADA96D | 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 #D9D4C0 as 0% and #ADA96D as 100%.

0.0%	0.0% #D9D4C0	RGB 217 212 192	#D9D4C0
16.7%	16.7% #D1CBB0	RGB 209 203 176	#D1CBB0
33.3%	33.3% #CAC4A1	RGB 202 196 161	#CAC4A1
50.0%	50.0% #C3BC93	RGB 195 188 147	#C3BC93
66.7%	66.7% #BBB586	RGB 187 181 134	#BBB586
83.3%	83.3% #B4AF79	RGB 180 175 121	#B4AF79
100.0%	100.0% #ADA96D	RGB 173 169 109	#ADA96D

#D9D4C0 #D1CBB0 #CAC4A1 #C3BC93 #BBB586 #B4AF79 #ADA96D

#D9D4C0 - #C3BC93 - #ADA96D

CSS codes

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

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