#DDD9BF - #B9A56C | 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 #DDD9BF to #B9A56C

#DDD9BF #B9A56C

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

#DDD9BF - #B9A56C | 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 #DDD9BF as 0% and #B9A56C as 100%.

0.0%	0.0% #DDD9BF	RGB 221 217 191	#DDD9BF
16.7%	16.7% #D7D0B1	RGB 215 208 177	#D7D0B1
33.3%	33.3% #D1C7A3	RGB 209 199 163	#D1C7A3
50.0%	50.0% #CBBF95	RGB 203 191 149	#CBBF95
66.7%	66.7% #C5B687	RGB 197 182 135	#C5B687
83.3%	83.3% #BFAD79	RGB 191 173 121	#BFAD79
100.0%	100.0% #B9A56C	RGB 185 165 108	#B9A56C

#DDD9BF #D7D0B1 #D1C7A3 #CBBF95 #C5B687 #BFAD79 #B9A56C

#DDD9BF - #B9A56C

HSV Blend

#DDD9BF - #B9A56C | 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 #DDD9BF as 0% and #B9A56C as 100%.

0.0%	0.0% #DDD9BF	RGB 221 217 191	#DDD9BF
16.7%	16.7% #D7D0AF	RGB 215 208 175	#D7D0AF
33.3%	33.3% #D1C8A1	RGB 209 200 161	#D1C8A1
50.0%	50.0% #CBBF92	RGB 203 191 146	#CBBF92
66.7%	66.7% #C5B785	RGB 197 183 133	#C5B785
83.3%	83.3% #BFAE78	RGB 191 174 120	#BFAE78
100.0%	100.0% #B9A56C	RGB 185 165 108	#B9A56C

#DDD9BF #D7D0AF #D1C8A1 #CBBF92 #C5B785 #BFAE78 #B9A56C

#DDD9BF - #CBBF92 - #B9A56C

CSS codes

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

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