#DFD9DC - #B98CB2 | 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 #B98CB2

#DFD9DC #B98CB2

Calculate the color between two colors, #DFD9DC and #B98CB2. 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 - #B98CB2 | 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 #B98CB2 as 100%.

0.0%	0.0% #DFD9DC	RGB 223 217 220	#DFD9DC
16.7%	16.7% #D8CCD5	RGB 216 204 213	#D8CCD5
33.3%	33.3% #D2BFCE	RGB 210 191 206	#D2BFCE
50.0%	50.0% #CCB2C7	RGB 204 178 199	#CCB2C7
66.7%	66.7% #C5A5C0	RGB 197 165 192	#C5A5C0
83.3%	83.3% #BF98B9	RGB 191 152 185	#BF98B9
100.0%	100.0% #B98CB2	RGB 185 140 178	#B98CB2

#DFD9DC #D8CCD5 #D2BFCE #CCB2C7 #C5A5C0 #BF98B9 #B98CB2

#DFD9DC - #B98CB2

HSV Blend

#DFD9DC - #B98CB2 | 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 #B98CB2 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% #D2BDCA	RGB 210 189 202	#D2BDCA
50.0%	50.0% #CCB0C2	RGB 204 176 194	#CCB0C2
66.7%	66.7% #C5A3BC	RGB 197 163 188	#C5A3BC
83.3%	83.3% #BF97B6	RGB 191 151 182	#BF97B6
100.0%	100.0% #B98CB2	RGB 185 140 178	#B98CB2

#DFD9DC #D8CBD2 #D2BDCA #CCB0C2 #C5A3BC #BF97B6 #B98CB2

#DFD9DC - #CCB0C2 - #B98CB2

CSS codes

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

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