#DCD5CF - #AD977F | 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 #DCD5CF to #AD977F

#DCD5CF #AD977F

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

#DCD5CF - #AD977F | 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 #DCD5CF as 0% and #AD977F as 100%.

0.0%	0.0% #DCD5CF	RGB 220 213 207	#DCD5CF
16.7%	16.7% #D4CAC1	RGB 212 202 193	#D4CAC1
33.3%	33.3% #CCC0B4	RGB 204 192 180	#CCC0B4
50.0%	50.0% #C4B6A7	RGB 196 182 167	#C4B6A7
66.7%	66.7% #BCAB99	RGB 188 171 153	#BCAB99
83.3%	83.3% #B4A18C	RGB 180 161 140	#B4A18C
100.0%	100.0% #AD977F	RGB 173 151 127	#AD977F

#DCD5CF #D4CAC1 #CCC0B4 #C4B6A7 #BCAB99 #B4A18C #AD977F

#DCD5CF - #AD977F

HSV Blend

#DCD5CF - #AD977F | 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 #DCD5CF as 0% and #AD977F as 100%.

0.0%	0.0% #DCD5CF	RGB 220 213 207	#DCD5CF
16.7%	16.7% #D4C9C0	RGB 212 201 192	#D4C9C0
33.3%	33.3% #CCBEB2	RGB 204 190 178	#CCBEB2
50.0%	50.0% #C4B4A4	RGB 196 180 164	#C4B4A4
66.7%	66.7% #BCAA97	RGB 188 170 151	#BCAA97
83.3%	83.3% #B4A08A	RGB 180 160 138	#B4A08A
100.0%	100.0% #AD977F	RGB 173 151 127	#AD977F

#DCD5CF #D4C9C0 #CCBEB2 #C4B4A4 #BCAA97 #B4A08A #AD977F

#DCD5CF - #C4B4A4 - #AD977F

CSS codes

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

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