#DDD8C8 - #BAA176 | 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 #DDD8C8 to #BAA176

#DDD8C8 #BAA176

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

#DDD8C8 - #BAA176 | 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 #DDD8C8 as 0% and #BAA176 as 100%.

0.0%	0.0% #DDD8C8	RGB 221 216 200	#DDD8C8
16.7%	16.7% #D7CEBA	RGB 215 206 186	#D7CEBA
33.3%	33.3% #D1C5AC	RGB 209 197 172	#D1C5AC
50.0%	50.0% #CBBC9F	RGB 203 188 159	#CBBC9F
66.7%	66.7% #C5B391	RGB 197 179 145	#C5B391
83.3%	83.3% #BFAA83	RGB 191 170 131	#BFAA83
100.0%	100.0% #BAA176	RGB 186 161 118	#BAA176

#DDD8C8 #D7CEBA #D1C5AC #CBBC9F #C5B391 #BFAA83 #BAA176

#DDD8C8 - #BAA176

HSV Blend

#DDD8C8 - #BAA176 | 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 #DDD8C8 as 0% and #BAA176 as 100%.

0.0%	0.0% #DDD8C8	RGB 221 216 200	#DDD8C8
16.7%	16.7% #D7CFB9	RGB 215 207 185	#D7CFB9
33.3%	33.3% #D1C6AA	RGB 209 198 170	#D1C6AA
50.0%	50.0% #CBBD9C	RGB 203 189 156	#CBBD9C
66.7%	66.7% #C5B48F	RGB 197 180 143	#C5B48F
83.3%	83.3% #BFAA82	RGB 191 170 130	#BFAA82
100.0%	100.0% #BAA176	RGB 186 161 118	#BAA176

#DDD8C8 #D7CFB9 #D1C6AA #CBBD9C #C5B48F #BFAA82 #BAA176

#DDD8C8 - #CBBD9C - #BAA176

CSS codes

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

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