#DFDFCD - #B7AF7C | 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 #DFDFCD to #B7AF7C

#DFDFCD #B7AF7C

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

#DFDFCD - #B7AF7C | 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 #DFDFCD as 0% and #B7AF7C as 100%.

0.0%	0.0% #DFDFCD	RGB 223 223 205	#DFDFCD
16.7%	16.7% #D8D7BF	RGB 216 215 191	#D8D7BF
33.3%	33.3% #D1CFB2	RGB 209 207 178	#D1CFB2
50.0%	50.0% #CBC7A4	RGB 203 199 164	#CBC7A4
66.7%	66.7% #C4BF97	RGB 196 191 151	#C4BF97
83.3%	83.3% #BDB789	RGB 189 183 137	#BDB789
100.0%	100.0% #B7AF7C	RGB 183 175 124	#B7AF7C

#DFDFCD #D8D7BF #D1CFB2 #CBC7A4 #C4BF97 #BDB789 #B7AF7C

#DFDFCD - #B7AF7C

HSV Blend

#DFDFCD - #B7AF7C | 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 #DFDFCD as 0% and #B7AF7C as 100%.

0.0%	0.0% #DFDFCD	RGB 223 223 205	#DFDFCD
16.7%	16.7% #D8D7BE	RGB 216 215 190	#D8D7BE
33.3%	33.3% #D1D0AF	RGB 209 208 175	#D1D0AF
50.0%	50.0% #CBC8A2	RGB 203 200 162	#CBC8A2
66.7%	66.7% #C4C094	RGB 196 192 148	#C4C094
83.3%	83.3% #BDB788	RGB 189 183 136	#BDB788
100.0%	100.0% #B7AF7C	RGB 183 175 124	#B7AF7C

#DFDFCD #D8D7BE #D1D0AF #CBC8A2 #C4C094 #BDB788 #B7AF7C

#DFDFCD - #CBC8A2 - #B7AF7C

CSS codes

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

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