#DFD9D9 - #B98C94 | 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 #DFD9D9 to #B98C94

#DFD9D9 #B98C94

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

#DFD9D9 - #B98C94 | 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 #DFD9D9 as 0% and #B98C94 as 100%.

0.0%	0.0% #DFD9D9	RGB 223 217 217	#DFD9D9
16.7%	16.7% #D8CCCD	RGB 216 204 205	#D8CCCD
33.3%	33.3% #D2BFC2	RGB 210 191 194	#D2BFC2
50.0%	50.0% #CCB2B6	RGB 204 178 182	#CCB2B6
66.7%	66.7% #C5A5AB	RGB 197 165 171	#C5A5AB
83.3%	83.3% #BF989F	RGB 191 152 159	#BF989F
100.0%	100.0% #B98C94	RGB 185 140 148	#B98C94

#DFD9D9 #D8CCCD #D2BFC2 #CCB2B6 #C5A5AB #BF989F #B98C94

#DFD9D9 - #B98C94

HSV Blend

#DFD9D9 - #B98C94 | 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 #DFD9D9 as 0% and #B98C94 as 100%.

0.0%	0.0% #DFD9D9	RGB 223 217 217	#DFD9D9
16.7%	16.7% #D8CBCB	RGB 216 203 203	#D8CBCB
33.3%	33.3% #D2BDBE	RGB 210 189 190	#D2BDBE
50.0%	50.0% #CCB0B2	RGB 204 176 178	#CCB0B2
66.7%	66.7% #C5A3A7	RGB 197 163 167	#C5A3A7
83.3%	83.3% #BF979D	RGB 191 151 157	#BF979D
100.0%	100.0% #B98C94	RGB 185 140 148	#B98C94

#DFD9D9 #D8CBCB #D2BDBE #CCB0B2 #C5A3A7 #BF979D #B98C94

#DFD9D9 - #CCB0B2 - #B98C94

CSS codes

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

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