#DDDACE - #B9A47E | 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 #DDDACE to #B9A47E

#DDDACE #B9A47E

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

#DDDACE - #B9A47E | 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 #DDDACE as 0% and #B9A47E as 100%.

0.0%	0.0% #DDDACE	RGB 221 218 206	#DDDACE
16.7%	16.7% #D7D1C0	RGB 215 209 192	#D7D1C0
33.3%	33.3% #D1C8B3	RGB 209 200 179	#D1C8B3
50.0%	50.0% #CBBFA6	RGB 203 191 166	#CBBFA6
66.7%	66.7% #C5B698	RGB 197 182 152	#C5B698
83.3%	83.3% #BFAD8B	RGB 191 173 139	#BFAD8B
100.0%	100.0% #B9A47E	RGB 185 164 126	#B9A47E

#DDDACE #D7D1C0 #D1C8B3 #CBBFA6 #C5B698 #BFAD8B #B9A47E

#DDDACE - #B9A47E

HSV Blend

#DDDACE - #B9A47E | 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 #DDDACE as 0% and #B9A47E as 100%.

0.0%	0.0% #DDDACE	RGB 221 218 206	#DDDACE
16.7%	16.7% #D7D1BF	RGB 215 209 191	#D7D1BF
33.3%	33.3% #D1C9B1	RGB 209 201 177	#D1C9B1
50.0%	50.0% #CBC0A3	RGB 203 192 163	#CBC0A3
66.7%	66.7% #C5B696	RGB 197 182 150	#C5B696
83.3%	83.3% #BFAD8A	RGB 191 173 138	#BFAD8A
100.0%	100.0% #B9A47E	RGB 185 164 126	#B9A47E

#DDDACE #D7D1BF #D1C9B1 #CBC0A3 #C5B696 #BFAD8A #B9A47E

#DDDACE - #CBC0A3 - #B9A47E

CSS codes

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

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