#D9A16B - #FFDD8D | 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 #D9A16B to #FFDD8D

#D9A16B #FFDD8D

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

#D9A16B - #FFDD8D | 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 #D9A16B as 0% and #FFDD8D as 100%.

0.0%	0.0% #D9A16B	RGB 217 161 107	#D9A16B
16.7%	16.7% #DFAB70	RGB 223 171 112	#DFAB70
33.3%	33.3% #E5B576	RGB 229 181 118	#E5B576
50.0%	50.0% #ECBF7C	RGB 236 191 124	#ECBF7C
66.7%	66.7% #F2C981	RGB 242 201 129	#F2C981
83.3%	83.3% #F8D387	RGB 248 211 135	#F8D387
100.0%	100.0% #FFDD8D	RGB 255 221 141	#FFDD8D

#D9A16B #DFAB70 #E5B576 #ECBF7C #F2C981 #F8D387 #FFDD8D

#D9A16B - #FFDD8D

HSV Blend

#D9A16B - #FFDD8D | 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 #D9A16B as 0% and #FFDD8D as 100%.

0.0%	0.0% #D9A16B	RGB 217 161 107	#D9A16B
16.7%	16.7% #DFAA70	RGB 223 170 112	#DFAA70
33.3%	33.3% #E5B475	RGB 229 180 117	#E5B475
50.0%	50.0% #ECBE7B	RGB 236 190 123	#ECBE7B
66.7%	66.7% #F2C881	RGB 242 200 129	#F2C881
83.3%	83.3% #F8D287	RGB 248 210 135	#F8D287
100.0%	100.0% #FFDD8D	RGB 255 221 141	#FFDD8D

#D9A16B #DFAA70 #E5B475 #ECBE7B #F2C881 #F8D287 #FFDD8D

#D9A16B - #ECBE7B - #FFDD8D

CSS codes

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

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