#DFDFDA - #C2BD8D | 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 #DFDFDA to #C2BD8D

#DFDFDA #C2BD8D

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

#DFDFDA - #C2BD8D | 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 #DFDFDA as 0% and #C2BD8D as 100%.

0.0%	0.0% #DFDFDA	RGB 223 223 218	#DFDFDA
16.7%	16.7% #DAD9CD	RGB 218 217 205	#DAD9CD
33.3%	33.3% #D5D3C0	RGB 213 211 192	#D5D3C0
50.0%	50.0% #D0CEB3	RGB 208 206 179	#D0CEB3
66.7%	66.7% #CBC8A6	RGB 203 200 166	#CBC8A6
83.3%	83.3% #C6C299	RGB 198 194 153	#C6C299
100.0%	100.0% #C2BD8D	RGB 194 189 141	#C2BD8D

#DFDFDA #DAD9CD #D5D3C0 #D0CEB3 #CBC8A6 #C6C299 #C2BD8D

#DFDFDA - #C2BD8D

HSV Blend

#DFDFDA - #C2BD8D | 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 #DFDFDA as 0% and #C2BD8D as 100%.

0.0%	0.0% #DFDFDA	RGB 223 223 218	#DFDFDA
16.7%	16.7% #DAD9CC	RGB 218 217 204	#DAD9CC
33.3%	33.3% #D5D4BE	RGB 213 212 190	#D5D4BE
50.0%	50.0% #D0CFB1	RGB 208 207 177	#D0CFB1
66.7%	66.7% #CBC9A5	RGB 203 201 165	#CBC9A5
83.3%	83.3% #C6C398	RGB 198 195 152	#C6C398
100.0%	100.0% #C2BD8D	RGB 194 189 141	#C2BD8D

#DFDFDA #DAD9CC #D5D4BE #D0CFB1 #CBC9A5 #C6C398 #C2BD8D

#DFDFDA - #D0CFB1 - #C2BD8D

CSS codes

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

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