#DFD9DC - #B98CAC | 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 #DFD9DC to #B98CAC

#DFD9DC #B98CAC

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

#DFD9DC - #B98CAC | 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 #DFD9DC as 0% and #B98CAC as 100%.

0.0%	0.0% #DFD9DC	RGB 223 217 220	#DFD9DC
16.7%	16.7% #D8CCD4	RGB 216 204 212	#D8CCD4
33.3%	33.3% #D2BFCC	RGB 210 191 204	#D2BFCC
50.0%	50.0% #CCB2C4	RGB 204 178 196	#CCB2C4
66.7%	66.7% #C5A5BC	RGB 197 165 188	#C5A5BC
83.3%	83.3% #BF98B4	RGB 191 152 180	#BF98B4
100.0%	100.0% #B98CAC	RGB 185 140 172	#B98CAC

#DFD9DC #D8CCD4 #D2BFCC #CCB2C4 #C5A5BC #BF98B4 #B98CAC

#DFD9DC - #B98CAC

HSV Blend

#DFD9DC - #B98CAC | 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 #DFD9DC as 0% and #B98CAC as 100%.

0.0%	0.0% #DFD9DC	RGB 223 217 220	#DFD9DC
16.7%	16.7% #D8CBD2	RGB 216 203 210	#D8CBD2
33.3%	33.3% #D2BDC9	RGB 210 189 201	#D2BDC9
50.0%	50.0% #CCB0C1	RGB 204 176 193	#CCB0C1
66.7%	66.7% #C5A3B9	RGB 197 163 185	#C5A3B9
83.3%	83.3% #BF97B2	RGB 191 151 178	#BF97B2
100.0%	100.0% #B98CAC	RGB 185 140 172	#B98CAC

#DFD9DC #D8CBD2 #D2BDC9 #CCB0C1 #C5A3B9 #BF97B2 #B98CAC

#DFD9DC - #CCB0C1 - #B98CAC

CSS codes

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

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