#DFD9D4 - #BCA281 | 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 #DFD9D4 to #BCA281

#DFD9D4 #BCA281

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

#DFD9D4 - #BCA281 | 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 #DFD9D4 as 0% and #BCA281 as 100%.

0.0%	0.0% #DFD9D4	RGB 223 217 212	#DFD9D4
16.7%	16.7% #D9CFC6	RGB 217 207 198	#D9CFC6
33.3%	33.3% #D3C6B8	RGB 211 198 184	#D3C6B8
50.0%	50.0% #CDBDAA	RGB 205 189 170	#CDBDAA
66.7%	66.7% #C7B49C	RGB 199 180 156	#C7B49C
83.3%	83.3% #C1AB8E	RGB 193 171 142	#C1AB8E
100.0%	100.0% #BCA281	RGB 188 162 129	#BCA281

#DFD9D4 #D9CFC6 #D3C6B8 #CDBDAA #C7B49C #C1AB8E #BCA281

#DFD9D4 - #BCA281

HSV Blend

#DFD9D4 - #BCA281 | 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 #DFD9D4 as 0% and #BCA281 as 100%.

0.0%	0.0% #DFD9D4	RGB 223 217 212	#DFD9D4
16.7%	16.7% #D9CEC4	RGB 217 206 196	#D9CEC4
33.3%	33.3% #D3C4B6	RGB 211 196 182	#D3C4B6
50.0%	50.0% #CDBBA8	RGB 205 187 168	#CDBBA8
66.7%	66.7% #C7B29A	RGB 199 178 154	#C7B29A
83.3%	83.3% #C1A98D	RGB 193 169 141	#C1A98D
100.0%	100.0% #BCA281	RGB 188 162 129	#BCA281

#DFD9D4 #D9CEC4 #D3C4B6 #CDBBA8 #C7B29A #C1A98D #BCA281

#DFD9D4 - #CDBBA8 - #BCA281

CSS codes

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

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