#DFDCD9 - #B99B8C | 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 #DFDCD9 to #B99B8C

#DFDCD9 #B99B8C

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

#DFDCD9 - #B99B8C | 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 #DFDCD9 as 0% and #B99B8C as 100%.

0.0%	0.0% #DFDCD9	RGB 223 220 217	#DFDCD9
16.7%	16.7% #D8D1CC	RGB 216 209 204	#D8D1CC
33.3%	33.3% #D2C6BF	RGB 210 198 191	#D2C6BF
50.0%	50.0% #CCBBB2	RGB 204 187 178	#CCBBB2
66.7%	66.7% #C5B0A5	RGB 197 176 165	#C5B0A5
83.3%	83.3% #BFA598	RGB 191 165 152	#BFA598
100.0%	100.0% #B99B8C	RGB 185 155 140	#B99B8C

#DFDCD9 #D8D1CC #D2C6BF #CCBBB2 #C5B0A5 #BFA598 #B99B8C

#DFDCD9 - #B99B8C

HSV Blend

#DFDCD9 - #B99B8C | 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 #DFDCD9 as 0% and #B99B8C as 100%.

0.0%	0.0% #DFDCD9	RGB 223 220 217	#DFDCD9
16.7%	16.7% #D8D1CB	RGB 216 209 203	#D8D1CB
33.3%	33.3% #D2C6BD	RGB 210 198 189	#D2C6BD
50.0%	50.0% #CCBBB0	RGB 204 187 176	#CCBBB0
66.7%	66.7% #C5B0A3	RGB 197 176 163	#C5B0A3
83.3%	83.3% #BFA697	RGB 191 166 151	#BFA697
100.0%	100.0% #B99B8C	RGB 185 155 140	#B99B8C

#DFDCD9 #D8D1CB #D2C6BD #CCBBB0 #C5B0A3 #BFA697 #B99B8C

#DFDCD9 - #CCBBB0 - #B99B8C

CSS codes

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

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