#DFD9A3 - #BDA84E | 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 #DFD9A3 to #BDA84E

#DFD9A3 #BDA84E

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

#DFD9A3 - #BDA84E | 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 #DFD9A3 as 0% and #BDA84E as 100%.

0.0%	0.0% #DFD9A3	RGB 223 217 163	#DFD9A3
16.7%	16.7% #D9D094	RGB 217 208 148	#D9D094
33.3%	33.3% #D3C886	RGB 211 200 134	#D3C886
50.0%	50.0% #CEC078	RGB 206 192 120	#CEC078
66.7%	66.7% #C8B86A	RGB 200 184 106	#C8B86A
83.3%	83.3% #C2B05C	RGB 194 176 92	#C2B05C
100.0%	100.0% #BDA84E	RGB 189 168 78	#BDA84E

#DFD9A3 #D9D094 #D3C886 #CEC078 #C8B86A #C2B05C #BDA84E

#DFD9A3 - #BDA84E

HSV Blend

#DFD9A3 - #BDA84E | 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 #DFD9A3 as 0% and #BDA84E as 100%.

0.0%	0.0% #DFD9A3	RGB 223 217 163	#DFD9A3
16.7%	16.7% #D9D193	RGB 217 209 147	#D9D193
33.3%	33.3% #D3C984	RGB 211 201 132	#D3C984
50.0%	50.0% #CEC175	RGB 206 193 117	#CEC175
66.7%	66.7% #C8B867	RGB 200 184 103	#C8B867
83.3%	83.3% #C2B05A	RGB 194 176 90	#C2B05A
100.0%	100.0% #BDA84E	RGB 189 168 78	#BDA84E

#DFD9A3 #D9D193 #D3C984 #CEC175 #C8B867 #C2B05A #BDA84E

#DFD9A3 - #CEC175 - #BDA84E

CSS codes

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

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