#DFDFD6 - #B6AD88 | 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 #DFDFD6 to #B6AD88

#DFDFD6 #B6AD88

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

#DFDFD6 - #B6AD88 | 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 #DFDFD6 as 0% and #B6AD88 as 100%.

0.0%	0.0% #DFDFD6	RGB 223 223 214	#DFDFD6
16.7%	16.7% #D8D6C9	RGB 216 214 201	#D8D6C9
33.3%	33.3% #D1CEBC	RGB 209 206 188	#D1CEBC
50.0%	50.0% #CAC6AF	RGB 202 198 175	#CAC6AF
66.7%	66.7% #C3BDA2	RGB 195 189 162	#C3BDA2
83.3%	83.3% #BCB595	RGB 188 181 149	#BCB595
100.0%	100.0% #B6AD88	RGB 182 173 136	#B6AD88

#DFDFD6 #D8D6C9 #D1CEBC #CAC6AF #C3BDA2 #BCB595 #B6AD88

#DFDFD6 - #B6AD88

HSV Blend

#DFDFD6 - #B6AD88 | 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 #DFDFD6 as 0% and #B6AD88 as 100%.

0.0%	0.0% #DFDFD6	RGB 223 223 214	#DFDFD6
16.7%	16.7% #D8D7C7	RGB 216 215 199	#D8D7C7
33.3%	33.3% #D1CFBA	RGB 209 207 186	#D1CFBA
50.0%	50.0% #CAC7AC	RGB 202 199 172	#CAC7AC
66.7%	66.7% #C3BFA0	RGB 195 191 160	#C3BFA0
83.3%	83.3% #BCB693	RGB 188 182 147	#BCB693
100.0%	100.0% #B6AD88	RGB 182 173 136	#B6AD88

#DFDFD6 #D8D7C7 #D1CFBA #CAC7AC #C3BFA0 #BCB693 #B6AD88

#DFDFD6 - #CAC7AC - #B6AD88

CSS codes

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

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