#DFDCD9 - #CBAE8C | 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 #CBAE8C

#DFDCD9 #CBAE8C

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

0.0%	0.0% #DFDCD9	RGB 223 220 217	#DFDCD9
16.7%	16.7% #DBD4CC	RGB 219 212 204	#DBD4CC
33.3%	33.3% #D8CCBF	RGB 216 204 191	#D8CCBF
50.0%	50.0% #D5C5B2	RGB 213 197 178	#D5C5B2
66.7%	66.7% #D1BDA5	RGB 209 189 165	#D1BDA5
83.3%	83.3% #CEB598	RGB 206 181 152	#CEB598
100.0%	100.0% #CBAE8C	RGB 203 174 140	#CBAE8C

#DFDCD9 #DBD4CC #D8CCBF #D5C5B2 #D1BDA5 #CEB598 #CBAE8C

#DFDCD9 - #CBAE8C

HSV Blend

#DFDCD9 - #CBAE8C | 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 #CBAE8C as 100%.

0.0%	0.0% #DFDCD9	RGB 223 220 217	#DFDCD9
16.7%	16.7% #DBD3CB	RGB 219 211 203	#DBD3CB
33.3%	33.3% #D8CBBE	RGB 216 203 190	#D8CBBE
50.0%	50.0% #D5C3B1	RGB 213 195 177	#D5C3B1
66.7%	66.7% #D1BCA4	RGB 209 188 164	#D1BCA4
83.3%	83.3% #CEB498	RGB 206 180 152	#CEB498
100.0%	100.0% #CBAE8C	RGB 203 174 140	#CBAE8C

#DFDCD9 #DBD3CB #D8CBBE #D5C3B1 #D1BCA4 #CEB498 #CBAE8C

#DFDCD9 - #D5C3B1 - #CBAE8C

CSS codes

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

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