#DFCB8B - #DFD3C5 | 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 #DFCB8B to #DFD3C5

#DFCB8B #DFD3C5

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

#DFCB8B - #DFD3C5 | 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 #DFCB8B as 0% and #DFD3C5 as 100%.

0.0%	0.0% #DFCB8B	RGB 223 203 139	#DFCB8B
16.7%	16.7% #DFCC94	RGB 223 204 148	#DFCC94
33.3%	33.3% #DFCD9E	RGB 223 205 158	#DFCD9E
50.0%	50.0% #DFCFA8	RGB 223 207 168	#DFCFA8
66.7%	66.7% #DFD0B1	RGB 223 208 177	#DFD0B1
83.3%	83.3% #DFD1BB	RGB 223 209 187	#DFD1BB
100.0%	100.0% #DFD3C5	RGB 223 211 197	#DFD3C5

#DFCB8B #DFCC94 #DFCD9E #DFCFA8 #DFD0B1 #DFD1BB #DFD3C5

#DFCB8B - #DFD3C5

HSV Blend

#DFCB8B - #DFD3C5 | 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 #DFCB8B as 0% and #DFD3C5 as 100%.

0.0%	0.0% #DFCB8B	RGB 223 203 139	#DFCB8B
16.7%	16.7% #DFCA94	RGB 223 202 148	#DFCA94
33.3%	33.3% #DFCA9E	RGB 223 202 158	#DFCA9E
50.0%	50.0% #DFCBA8	RGB 223 203 168	#DFCBA8
66.7%	66.7% #DFCDB1	RGB 223 205 177	#DFCDB1
83.3%	83.3% #DFCFBB	RGB 223 207 187	#DFCFBB
100.0%	100.0% #DFD3C5	RGB 223 211 197	#DFD3C5

#DFCB8B #DFCA94 #DFCA9E #DFCBA8 #DFCDB1 #DFCFBB #DFD3C5

#DFCB8B - #DFCBA8 - #DFD3C5

CSS codes

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

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