#D9CB7B - #FFEC9D | 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 #D9CB7B to #FFEC9D

#D9CB7B #FFEC9D

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

#D9CB7B - #FFEC9D | 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 #D9CB7B as 0% and #FFEC9D as 100%.

0.0%	0.0% #D9CB7B	RGB 217 203 123	#D9CB7B
16.7%	16.7% #DFD080	RGB 223 208 128	#DFD080
33.3%	33.3% #E5D686	RGB 229 214 134	#E5D686
50.0%	50.0% #ECDB8C	RGB 236 219 140	#ECDB8C
66.7%	66.7% #F2E191	RGB 242 225 145	#F2E191
83.3%	83.3% #F8E697	RGB 248 230 151	#F8E697
100.0%	100.0% #FFEC9D	RGB 255 236 157	#FFEC9D

#D9CB7B #DFD080 #E5D686 #ECDB8C #F2E191 #F8E697 #FFEC9D

#D9CB7B - #FFEC9D

HSV Blend

#D9CB7B - #FFEC9D | 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 #D9CB7B as 0% and #FFEC9D as 100%.

0.0%	0.0% #D9CB7B	RGB 217 203 123	#D9CB7B
16.7%	16.7% #DFD080	RGB 223 208 128	#DFD080
33.3%	33.3% #E5D585	RGB 229 213 133	#E5D585
50.0%	50.0% #ECDB8B	RGB 236 219 139	#ECDB8B
66.7%	66.7% #F2E091	RGB 242 224 145	#F2E091
83.3%	83.3% #F8E697	RGB 248 230 151	#F8E697
100.0%	100.0% #FFEC9D	RGB 255 236 157	#FFEC9D

#D9CB7B #DFD080 #E5D585 #ECDB8B #F2E091 #F8E697 #FFEC9D

#D9CB7B - #ECDB8B - #FFEC9D

CSS codes

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

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