#DFDFCC - #B7AF7B | 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 #DFDFCC to #B7AF7B

#DFDFCC #B7AF7B

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

#DFDFCC - #B7AF7B | 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 #DFDFCC as 0% and #B7AF7B as 100%.

0.0%	0.0% #DFDFCC	RGB 223 223 204	#DFDFCC
16.7%	16.7% #D8D7BE	RGB 216 215 190	#D8D7BE
33.3%	33.3% #D1CFB1	RGB 209 207 177	#D1CFB1
50.0%	50.0% #CBC7A3	RGB 203 199 163	#CBC7A3
66.7%	66.7% #C4BF96	RGB 196 191 150	#C4BF96
83.3%	83.3% #BDB788	RGB 189 183 136	#BDB788
100.0%	100.0% #B7AF7B	RGB 183 175 123	#B7AF7B

#DFDFCC #D8D7BE #D1CFB1 #CBC7A3 #C4BF96 #BDB788 #B7AF7B

#DFDFCC - #B7AF7B

HSV Blend

#DFDFCC - #B7AF7B | 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 #DFDFCC as 0% and #B7AF7B as 100%.

0.0%	0.0% #DFDFCC	RGB 223 223 204	#DFDFCC
16.7%	16.7% #D8D7BD	RGB 216 215 189	#D8D7BD
33.3%	33.3% #D1D0AE	RGB 209 208 174	#D1D0AE
50.0%	50.0% #CBC8A1	RGB 203 200 161	#CBC8A1
66.7%	66.7% #C4C093	RGB 196 192 147	#C4C093
83.3%	83.3% #BDB787	RGB 189 183 135	#BDB787
100.0%	100.0% #B7AF7B	RGB 183 175 123	#B7AF7B

#DFDFCC #D8D7BD #D1D0AE #CBC8A1 #C4C093 #BDB787 #B7AF7B

#DFDFCC - #CBC8A1 - #B7AF7B

CSS codes

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

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