#DDD8C9 - #BAA078 | 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 #DDD8C9 to #BAA078

#DDD8C9 #BAA078

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

#DDD8C9 - #BAA078 | 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 #DDD8C9 as 0% and #BAA078 as 100%.

0.0%	0.0% #DDD8C9	RGB 221 216 201	#DDD8C9
16.7%	16.7% #D7CEBB	RGB 215 206 187	#D7CEBB
33.3%	33.3% #D1C5AE	RGB 209 197 174	#D1C5AE
50.0%	50.0% #CBBCA0	RGB 203 188 160	#CBBCA0
66.7%	66.7% #C5B293	RGB 197 178 147	#C5B293
83.3%	83.3% #BFA985	RGB 191 169 133	#BFA985
100.0%	100.0% #BAA078	RGB 186 160 120	#BAA078

#DDD8C9 #D7CEBB #D1C5AE #CBBCA0 #C5B293 #BFA985 #BAA078

#DDD8C9 - #BAA078

HSV Blend

#DDD8C9 - #BAA078 | 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 #DDD8C9 as 0% and #BAA078 as 100%.

0.0%	0.0% #DDD8C9	RGB 221 216 201	#DDD8C9
16.7%	16.7% #D7CFBA	RGB 215 207 186	#D7CFBA
33.3%	33.3% #D1C6AB	RGB 209 198 171	#D1C6AB
50.0%	50.0% #CBBC9E	RGB 203 188 158	#CBBC9E
66.7%	66.7% #C5B390	RGB 197 179 144	#C5B390
83.3%	83.3% #BFA984	RGB 191 169 132	#BFA984
100.0%	100.0% #BAA078	RGB 186 160 120	#BAA078

#DDD8C9 #D7CFBA #D1C6AB #CBBC9E #C5B390 #BFA984 #BAA078

#DDD8C9 - #CBBC9E - #BAA078

CSS codes

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

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