#DFDFD4 - #A48A75 | 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 #DFDFD4 to #A48A75

#DFDFD4 #A48A75

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

#DFDFD4 - #A48A75 | 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 #DFDFD4 as 0% and #A48A75 as 100%.

0.0%	0.0% #DFDFD4	RGB 223 223 212	#DFDFD4
16.7%	16.7% #D5D0C4	RGB 213 208 196	#D5D0C4
33.3%	33.3% #CBC2B4	RGB 203 194 180	#CBC2B4
50.0%	50.0% #C1B4A4	RGB 193 180 164	#C1B4A4
66.7%	66.7% #B7A694	RGB 183 166 148	#B7A694
83.3%	83.3% #AD9884	RGB 173 152 132	#AD9884
100.0%	100.0% #A48A75	RGB 164 138 117	#A48A75

#DFDFD4 #D5D0C4 #CBC2B4 #C1B4A4 #B7A694 #AD9884 #A48A75

#DFDFD4 - #A48A75

HSV Blend

#DFDFD4 - #A48A75 | 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 #DFDFD4 as 0% and #A48A75 as 100%.

0.0%	0.0% #DFDFD4	RGB 223 223 212	#DFDFD4
16.7%	16.7% #D5D3C2	RGB 213 211 194	#D5D3C2
33.3%	33.3% #CBC6B1	RGB 203 198 177	#CBC6B1
50.0%	50.0% #C1B8A1	RGB 193 184 161	#C1B8A1
66.7%	66.7% #B7A991	RGB 183 169 145	#B7A991
83.3%	83.3% #AD9A82	RGB 173 154 130	#AD9A82
100.0%	100.0% #A48A75	RGB 164 138 117	#A48A75

#DFDFD4 #D5D3C2 #CBC6B1 #C1B8A1 #B7A991 #AD9A82 #A48A75

#DFDFD4 - #C1B8A1 - #A48A75

CSS codes

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

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