#DFD99D - #BDA848 | 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 #DFD99D to #BDA848

#DFD99D #BDA848

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

#DFD99D - #BDA848 | 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 #DFD99D as 0% and #BDA848 as 100%.

0.0%	0.0% #DFD99D	RGB 223 217 157	#DFD99D
16.7%	16.7% #D9D08E	RGB 217 208 142	#D9D08E
33.3%	33.3% #D3C880	RGB 211 200 128	#D3C880
50.0%	50.0% #CEC072	RGB 206 192 114	#CEC072
66.7%	66.7% #C8B864	RGB 200 184 100	#C8B864
83.3%	83.3% #C2B056	RGB 194 176 86	#C2B056
100.0%	100.0% #BDA848	RGB 189 168 72	#BDA848

#DFD99D #D9D08E #D3C880 #CEC072 #C8B864 #C2B056 #BDA848

#DFD99D - #BDA848

HSV Blend

#DFD99D - #BDA848 | 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 #DFD99D as 0% and #BDA848 as 100%.

0.0%	0.0% #DFD99D	RGB 223 217 157	#DFD99D
16.7%	16.7% #D9D18D	RGB 217 209 141	#D9D18D
33.3%	33.3% #D3C97E	RGB 211 201 126	#D3C97E
50.0%	50.0% #CEC16F	RGB 206 193 111	#CEC16F
66.7%	66.7% #C8B861	RGB 200 184 97	#C8B861
83.3%	83.3% #C2B054	RGB 194 176 84	#C2B054
100.0%	100.0% #BDA848	RGB 189 168 72	#BDA848

#DFD99D #D9D18D #D3C97E #CEC16F #C8B861 #C2B054 #BDA848

#DFD99D - #CEC16F - #BDA848

CSS codes

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

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