#DDD9C6 - #B9A474 | 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 #DDD9C6 to #B9A474

#DDD9C6 #B9A474

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

#DDD9C6 - #B9A474 | 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 #DDD9C6 as 0% and #B9A474 as 100%.

0.0%	0.0% #DDD9C6	RGB 221 217 198	#DDD9C6
16.7%	16.7% #D7D0B8	RGB 215 208 184	#D7D0B8
33.3%	33.3% #D1C7AA	RGB 209 199 170	#D1C7AA
50.0%	50.0% #CBBE9D	RGB 203 190 157	#CBBE9D
66.7%	66.7% #C5B58F	RGB 197 181 143	#C5B58F
83.3%	83.3% #BFAC81	RGB 191 172 129	#BFAC81
100.0%	100.0% #B9A474	RGB 185 164 116	#B9A474

#DDD9C6 #D7D0B8 #D1C7AA #CBBE9D #C5B58F #BFAC81 #B9A474

#DDD9C6 - #B9A474

HSV Blend

#DDD9C6 - #B9A474 | 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 #DDD9C6 as 0% and #B9A474 as 100%.

0.0%	0.0% #DDD9C6	RGB 221 217 198	#DDD9C6
16.7%	16.7% #D7D0B6	RGB 215 208 182	#D7D0B6
33.3%	33.3% #D1C8A8	RGB 209 200 168	#D1C8A8
50.0%	50.0% #CBBF9A	RGB 203 191 154	#CBBF9A
66.7%	66.7% #C5B68D	RGB 197 182 141	#C5B68D
83.3%	83.3% #BFAD80	RGB 191 173 128	#BFAD80
100.0%	100.0% #B9A474	RGB 185 164 116	#B9A474

#DDD9C6 #D7D0B6 #D1C8A8 #CBBF9A #C5B68D #BFAD80 #B9A474

#DDD9C6 - #CBBF9A - #B9A474

CSS codes

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

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