#DFD9BE - #BCA46A | 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 #DFD9BE to #BCA46A

#DFD9BE #BCA46A

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

#DFD9BE - #BCA46A | 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 #DFD9BE as 0% and #BCA46A as 100%.

0.0%	0.0% #DFD9BE	RGB 223 217 190	#DFD9BE
16.7%	16.7% #D9D0B0	RGB 217 208 176	#D9D0B0
33.3%	33.3% #D3C7A2	RGB 211 199 162	#D3C7A2
50.0%	50.0% #CDBE94	RGB 205 190 148	#CDBE94
66.7%	66.7% #C7B586	RGB 199 181 134	#C7B586
83.3%	83.3% #C1AC78	RGB 193 172 120	#C1AC78
100.0%	100.0% #BCA46A	RGB 188 164 106	#BCA46A

#DFD9BE #D9D0B0 #D3C7A2 #CDBE94 #C7B586 #C1AC78 #BCA46A

#DFD9BE - #BCA46A

HSV Blend

#DFD9BE - #BCA46A | 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 #DFD9BE as 0% and #BCA46A as 100%.

0.0%	0.0% #DFD9BE	RGB 223 217 190	#DFD9BE
16.7%	16.7% #D9D0AE	RGB 217 208 174	#D9D0AE
33.3%	33.3% #D3C89F	RGB 211 200 159	#D3C89F
50.0%	50.0% #CDBF91	RGB 205 191 145	#CDBF91
66.7%	66.7% #C7B683	RGB 199 182 131	#C7B683
83.3%	83.3% #C1AD76	RGB 193 173 118	#C1AD76
100.0%	100.0% #BCA46A	RGB 188 164 106	#BCA46A

#DFD9BE #D9D0AE #D3C89F #CDBF91 #C7B683 #C1AD76 #BCA46A

#DFD9BE - #CDBF91 - #BCA46A

CSS codes

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

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