#D3CFC1 - #AD956E | 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 #D3CFC1 to #AD956E

#D3CFC1 #AD956E

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

#D3CFC1 - #AD956E | 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 #D3CFC1 as 0% and #AD956E as 100%.

0.0%	0.0% #D3CFC1	RGB 211 207 193	#D3CFC1
16.7%	16.7% #CCC5B3	RGB 204 197 179	#CCC5B3
33.3%	33.3% #C6BBA5	RGB 198 187 165	#C6BBA5
50.0%	50.0% #C0B297	RGB 192 178 151	#C0B297
66.7%	66.7% #B9A889	RGB 185 168 137	#B9A889
83.3%	83.3% #B39E7B	RGB 179 158 123	#B39E7B
100.0%	100.0% #AD956E	RGB 173 149 110	#AD956E

#D3CFC1 #CCC5B3 #C6BBA5 #C0B297 #B9A889 #B39E7B #AD956E

#D3CFC1 - #AD956E

HSV Blend

#D3CFC1 - #AD956E | 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 #D3CFC1 as 0% and #AD956E as 100%.

0.0%	0.0% #D3CFC1	RGB 211 207 193	#D3CFC1
16.7%	16.7% #CCC5B1	RGB 204 197 177	#CCC5B1
33.3%	33.3% #C6BCA2	RGB 198 188 162	#C6BCA2
50.0%	50.0% #C0B294	RGB 192 178 148	#C0B294
66.7%	66.7% #B9A987	RGB 185 169 135	#B9A987
83.3%	83.3% #B39F7A	RGB 179 159 122	#B39F7A
100.0%	100.0% #AD956E	RGB 173 149 110	#AD956E

#D3CFC1 #CCC5B1 #C6BCA2 #C0B294 #B9A987 #B39F7A #AD956E

#D3CFC1 - #C0B294 - #AD956E

CSS codes

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

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