#DDDAD3 - #BAA184 | 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 #DDDAD3 to #BAA184

#DDDAD3 #BAA184

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

#DDDAD3 - #BAA184 | 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 #DDDAD3 as 0% and #BAA184 as 100%.

0.0%	0.0% #DDDAD3	RGB 221 218 211	#DDDAD3
16.7%	16.7% #D7D0C5	RGB 215 208 197	#D7D0C5
33.3%	33.3% #D1C7B8	RGB 209 199 184	#D1C7B8
50.0%	50.0% #CBBDAB	RGB 203 189 171	#CBBDAB
66.7%	66.7% #C5B49E	RGB 197 180 158	#C5B49E
83.3%	83.3% #BFAA91	RGB 191 170 145	#BFAA91
100.0%	100.0% #BAA184	RGB 186 161 132	#BAA184

#DDDAD3 #D7D0C5 #D1C7B8 #CBBDAB #C5B49E #BFAA91 #BAA184

#DDDAD3 - #BAA184

HSV Blend

#DDDAD3 - #BAA184 | 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 #DDDAD3 as 0% and #BAA184 as 100%.

0.0%	0.0% #DDDAD3	RGB 221 218 211	#DDDAD3
16.7%	16.7% #D7D1C4	RGB 215 209 196	#D7D1C4
33.3%	33.3% #D1C7B6	RGB 209 199 182	#D1C7B6
50.0%	50.0% #CBBEA9	RGB 203 190 169	#CBBEA9
66.7%	66.7% #C5B49C	RGB 197 180 156	#C5B49C
83.3%	83.3% #BFAA8F	RGB 191 170 143	#BFAA8F
100.0%	100.0% #BAA184	RGB 186 161 132	#BAA184

#DDDAD3 #D7D1C4 #D1C7B6 #CBBEA9 #C5B49C #BFAA8F #BAA184

#DDDAD3 - #CBBEA9 - #BAA184

CSS codes

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

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