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

#DFDCD9 #C4AC8C

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

0.0%	0.0% #DFDCD9	RGB 223 220 217	#DFDCD9
16.7%	16.7% #DAD4CC	RGB 218 212 204	#DAD4CC
33.3%	33.3% #D6CCBF	RGB 214 204 191	#D6CCBF
50.0%	50.0% #D1C4B2	RGB 209 196 178	#D1C4B2
66.7%	66.7% #CDBCA5	RGB 205 188 165	#CDBCA5
83.3%	83.3% #C8B498	RGB 200 180 152	#C8B498
100.0%	100.0% #C4AC8C	RGB 196 172 140	#C4AC8C

#DFDCD9 #DAD4CC #D6CCBF #D1C4B2 #CDBCA5 #C8B498 #C4AC8C

#DFDCD9 - #C4AC8C

HSV Blend

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

0.0%	0.0% #DFDCD9	RGB 223 220 217	#DFDCD9
16.7%	16.7% #DAD3CB	RGB 218 211 203	#DAD3CB
33.3%	33.3% #D6CABD	RGB 214 202 189	#D6CABD
50.0%	50.0% #D1C2B0	RGB 209 194 176	#D1C2B0
66.7%	66.7% #CDBAA4	RGB 205 186 164	#CDBAA4
83.3%	83.3% #C8B397	RGB 200 179 151	#C8B397
100.0%	100.0% #C4AC8C	RGB 196 172 140	#C4AC8C

#DFDCD9 #DAD3CB #D6CABD #D1C2B0 #CDBAA4 #C8B397 #C4AC8C

#DFDCD9 - #D1C2B0 - #C4AC8C

CSS codes

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

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