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

#DFDCD9 #C0A08C

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

0.0%	0.0% #DFDCD9	RGB 223 220 217	#DFDCD9
16.7%	16.7% #D9D2CC	RGB 217 210 204	#D9D2CC
33.3%	33.3% #D4C8BF	RGB 212 200 191	#D4C8BF
50.0%	50.0% #CFBEB2	RGB 207 190 178	#CFBEB2
66.7%	66.7% #CAB4A5	RGB 202 180 165	#CAB4A5
83.3%	83.3% #C5AA98	RGB 197 170 152	#C5AA98
100.0%	100.0% #C0A08C	RGB 192 160 140	#C0A08C

#DFDCD9 #D9D2CC #D4C8BF #CFBEB2 #CAB4A5 #C5AA98 #C0A08C

#DFDCD9 - #C0A08C

HSV Blend

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

0.0%	0.0% #DFDCD9	RGB 223 220 217	#DFDCD9
16.7%	16.7% #D9D2CB	RGB 217 210 203	#D9D2CB
33.3%	33.3% #D4C8BD	RGB 212 200 189	#D4C8BD
50.0%	50.0% #CFBEB0	RGB 207 190 176	#CFBEB0
66.7%	66.7% #CAB4A3	RGB 202 180 163	#CAB4A3
83.3%	83.3% #C5AA97	RGB 197 170 151	#C5AA97
100.0%	100.0% #C0A08C	RGB 192 160 140	#C0A08C

#DFDCD9 #D9D2CB #D4C8BD #CFBEB0 #CAB4A3 #C5AA97 #C0A08C

#DFDCD9 - #CFBEB0 - #C0A08C

CSS codes

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

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