#DFDFDD - #A49481 | 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 #DFDFDD to #A49481

#DFDFDD #A49481

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

#DFDFDD - #A49481 | 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 #DFDFDD as 0% and #A49481 as 100%.

0.0%	0.0% #DFDFDD	RGB 223 223 221	#DFDFDD
16.7%	16.7% #D5D2CD	RGB 213 210 205	#D5D2CD
33.3%	33.3% #CBC6BE	RGB 203 198 190	#CBC6BE
50.0%	50.0% #C1B9AF	RGB 193 185 175	#C1B9AF
66.7%	66.7% #B7AD9F	RGB 183 173 159	#B7AD9F
83.3%	83.3% #ADA090	RGB 173 160 144	#ADA090
100.0%	100.0% #A49481	RGB 164 148 129	#A49481

#DFDFDD #D5D2CD #CBC6BE #C1B9AF #B7AD9F #ADA090 #A49481

#DFDFDD - #A49481

HSV Blend

#DFDFDD - #A49481 | 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 #DFDFDD as 0% and #A49481 as 100%.

0.0%	0.0% #DFDFDD	RGB 223 223 221	#DFDFDD
16.7%	16.7% #D5D4CB	RGB 213 212 203	#D5D4CB
33.3%	33.3% #CBC8BB	RGB 203 200 187	#CBC8BB
50.0%	50.0% #C1BCAB	RGB 193 188 171	#C1BCAB
66.7%	66.7% #B7AF9C	RGB 183 175 156	#B7AF9C
83.3%	83.3% #ADA18E	RGB 173 161 142	#ADA18E
100.0%	100.0% #A49481	RGB 164 148 129	#A49481

#DFDFDD #D5D4CB #CBC8BB #C1BCAB #B7AF9C #ADA18E #A49481

#DFDFDD - #C1BCAB - #A49481

CSS codes

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

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