#D9CCC1 - #BB8B6E | 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 #D9CCC1 to #BB8B6E

#D9CCC1 #BB8B6E

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

#D9CCC1 - #BB8B6E | 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 #D9CCC1 as 0% and #BB8B6E as 100%.

0.0%	0.0% #D9CCC1	RGB 217 204 193	#D9CCC1
16.7%	16.7% #D4C1B3	RGB 212 193 179	#D4C1B3
33.3%	33.3% #CFB6A5	RGB 207 182 165	#CFB6A5
50.0%	50.0% #CAAB97	RGB 202 171 151	#CAAB97
66.7%	66.7% #C5A089	RGB 197 160 137	#C5A089
83.3%	83.3% #C0957B	RGB 192 149 123	#C0957B
100.0%	100.0% #BB8B6E	RGB 187 139 110	#BB8B6E

#D9CCC1 #D4C1B3 #CFB6A5 #CAAB97 #C5A089 #C0957B #BB8B6E

#D9CCC1 - #BB8B6E

HSV Blend

#D9CCC1 - #BB8B6E | 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 #D9CCC1 as 0% and #BB8B6E as 100%.

0.0%	0.0% #D9CCC1	RGB 217 204 193	#D9CCC1
16.7%	16.7% #D4C1B1	RGB 212 193 177	#D4C1B1
33.3%	33.3% #CFB6A3	RGB 207 182 163	#CFB6A3
50.0%	50.0% #CAAB95	RGB 202 171 149	#CAAB95
66.7%	66.7% #C5A087	RGB 197 160 135	#C5A087
83.3%	83.3% #C0957A	RGB 192 149 122	#C0957A
100.0%	100.0% #BB8B6E	RGB 187 139 110	#BB8B6E

#D9CCC1 #D4C1B1 #CFB6A3 #CAAB95 #C5A087 #C0957A #BB8B6E

#D9CCC1 - #CAAB95 - #BB8B6E

CSS codes

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

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