#DFDBD4 - #B69F85 | 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 #DFDBD4 to #B69F85

#DFDBD4 #B69F85

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

#DFDBD4 - #B69F85 | 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 #DFDBD4 as 0% and #B69F85 as 100%.

0.0%	0.0% #DFDBD4	RGB 223 219 212	#DFDBD4
16.7%	16.7% #D8D1C6	RGB 216 209 198	#D8D1C6
33.3%	33.3% #D1C7B9	RGB 209 199 185	#D1C7B9
50.0%	50.0% #CABDAC	RGB 202 189 172	#CABDAC
66.7%	66.7% #C3B39F	RGB 195 179 159	#C3B39F
83.3%	83.3% #BCA992	RGB 188 169 146	#BCA992
100.0%	100.0% #B69F85	RGB 182 159 133	#B69F85

#DFDBD4 #D8D1C6 #D1C7B9 #CABDAC #C3B39F #BCA992 #B69F85

#DFDBD4 - #B69F85

HSV Blend

#DFDBD4 - #B69F85 | 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 #DFDBD4 as 0% and #B69F85 as 100%.

0.0%	0.0% #DFDBD4	RGB 223 219 212	#DFDBD4
16.7%	16.7% #D8D1C5	RGB 216 209 197	#D8D1C5
33.3%	33.3% #D1C7B7	RGB 209 199 183	#D1C7B7
50.0%	50.0% #CABDAA	RGB 202 189 170	#CABDAA
66.7%	66.7% #C3B39D	RGB 195 179 157	#C3B39D
83.3%	83.3% #BCA890	RGB 188 168 144	#BCA890
100.0%	100.0% #B69F85	RGB 182 159 133	#B69F85

#DFDBD4 #D8D1C5 #D1C7B7 #CABDAA #C3B39D #BCA890 #B69F85

#DFDBD4 - #CABDAA - #B69F85

CSS codes

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

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