#DFE0DA - #A0AF8C | 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 #DFE0DA to #A0AF8C

#DFE0DA #A0AF8C

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

#DFE0DA - #A0AF8C | 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 #DFE0DA as 0% and #A0AF8C as 100%.

0.0%	0.0% #DFE0DA	RGB 223 224 218	#DFE0DA
16.7%	16.7% #D4D7CD	RGB 212 215 205	#D4D7CD
33.3%	33.3% #CACFC0	RGB 202 207 192	#CACFC0
50.0%	50.0% #BFC7B3	RGB 191 199 179	#BFC7B3
66.7%	66.7% #B5BFA6	RGB 181 191 166	#B5BFA6
83.3%	83.3% #AAB799	RGB 170 183 153	#AAB799
100.0%	100.0% #A0AF8C	RGB 160 175 140	#A0AF8C

#DFE0DA #D4D7CD #CACFC0 #BFC7B3 #B5BFA6 #AAB799 #A0AF8C

#DFE0DA - #A0AF8C

HSV Blend

#DFE0DA - #A0AF8C | 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 #DFE0DA as 0% and #A0AF8C as 100%.

0.0%	0.0% #DFE0DA	RGB 223 224 218	#DFE0DA
16.7%	16.7% #D5D7CB	RGB 213 215 203	#D5D7CB
33.3%	33.3% #CBCFBE	RGB 203 207 190	#CBCFBE
50.0%	50.0% #C0C7B0	RGB 192 199 176	#C0C7B0
66.7%	66.7% #B6BFA4	RGB 182 191 164	#B6BFA4
83.3%	83.3% #ABB797	RGB 171 183 151	#ABB797
100.0%	100.0% #A0AF8C	RGB 160 175 140	#A0AF8C

#DFE0DA #D5D7CB #CBCFBE #C0C7B0 #B6BFA4 #ABB797 #A0AF8C

#DFE0DA - #C0C7B0 - #A0AF8C

CSS codes

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

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