#DDD4CD - #AA917F | 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 #DDD4CD to #AA917F

#DDD4CD #AA917F

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

#DDD4CD - #AA917F | 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 #DDD4CD as 0% and #AA917F as 100%.

0.0%	0.0% #DDD4CD	RGB 221 212 205	#DDD4CD
16.7%	16.7% #D4C8C0	RGB 212 200 192	#D4C8C0
33.3%	33.3% #CCBDB3	RGB 204 189 179	#CCBDB3
50.0%	50.0% #C3B2A6	RGB 195 178 166	#C3B2A6
66.7%	66.7% #BBA799	RGB 187 167 153	#BBA799
83.3%	83.3% #B29C8C	RGB 178 156 140	#B29C8C
100.0%	100.0% #AA917F	RGB 170 145 127	#AA917F

#DDD4CD #D4C8C0 #CCBDB3 #C3B2A6 #BBA799 #B29C8C #AA917F

#DDD4CD - #AA917F

HSV Blend

#DDD4CD - #AA917F | 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 #DDD4CD as 0% and #AA917F as 100%.

0.0%	0.0% #DDD4CD	RGB 221 212 205	#DDD4CD
16.7%	16.7% #D4C8BE	RGB 212 200 190	#D4C8BE
33.3%	33.3% #CCBCB0	RGB 204 188 176	#CCBCB0
50.0%	50.0% #C3B1A3	RGB 195 177 163	#C3B1A3
66.7%	66.7% #BBA696	RGB 187 166 150	#BBA696
83.3%	83.3% #B29B8A	RGB 178 155 138	#B29B8A
100.0%	100.0% #AA917F	RGB 170 145 127	#AA917F

#DDD4CD #D4C8BE #CCBCB0 #C3B1A3 #BBA696 #B29B8A #AA917F

#DDD4CD - #C3B1A3 - #AA917F

CSS codes

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

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