#DEDDDA - #A6AD8C | 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 #DEDDDA to #A6AD8C

#DEDDDA #A6AD8C

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

#DEDDDA - #A6AD8C | 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 #DEDDDA as 0% and #A6AD8C as 100%.

0.0%	0.0% #DEDDDA	RGB 222 221 218	#DEDDDA
16.7%	16.7% #D4D5CD	RGB 212 213 205	#D4D5CD
33.3%	33.3% #CBCDC0	RGB 203 205 192	#CBCDC0
50.0%	50.0% #C2C5B3	RGB 194 197 179	#C2C5B3
66.7%	66.7% #B8BDA6	RGB 184 189 166	#B8BDA6
83.3%	83.3% #AFB599	RGB 175 181 153	#AFB599
100.0%	100.0% #A6AD8C	RGB 166 173 140	#A6AD8C

#DEDDDA #D4D5CD #CBCDC0 #C2C5B3 #B8BDA6 #AFB599 #A6AD8C

#DEDDDA - #A6AD8C

HSV Blend

#DEDDDA - #A6AD8C | 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 #DEDDDA as 0% and #A6AD8C as 100%.

0.0%	0.0% #DEDDDA	RGB 222 221 218	#DEDDDA
16.7%	16.7% #D5D4CB	RGB 213 212 203	#D5D4CB
33.3%	33.3% #CDCCBE	RGB 205 204 190	#CDCCBE
50.0%	50.0% #C5C5B0	RGB 197 197 176	#C5C5B0
66.7%	66.7% #BBBDA4	RGB 187 189 164	#BBBDA4
83.3%	83.3% #B1B597	RGB 177 181 151	#B1B597
100.0%	100.0% #A6AD8C	RGB 166 173 140	#A6AD8C

#DEDDDA #D5D4CB #CDCCBE #C5C5B0 #BBBDA4 #B1B597 #A6AD8C

#DEDDDA - #C5C5B0 - #A6AD8C

CSS codes

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

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