#DFCC3C - #F5F0C7 | 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 #DFCC3C to #F5F0C7

#DFCC3C #F5F0C7

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

#DFCC3C - #F5F0C7 | 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 #DFCC3C as 0% and #F5F0C7 as 100%.

0.0%	0.0% #DFCC3C	RGB 223 204 60	#DFCC3C
16.7%	16.7% #E2D253	RGB 226 210 83	#E2D253
33.3%	33.3% #E6D86A	RGB 230 216 106	#E6D86A
50.0%	50.0% #EADE81	RGB 234 222 129	#EADE81
66.7%	66.7% #EDE498	RGB 237 228 152	#EDE498
83.3%	83.3% #F1EAAF	RGB 241 234 175	#F1EAAF
100.0%	100.0% #F5F0C7	RGB 245 240 199	#F5F0C7

#DFCC3C #E2D253 #E6D86A #EADE81 #EDE498 #F1EAAF #F5F0C7

#DFCC3C - #F5F0C7

HSV Blend

#DFCC3C - #F5F0C7 | 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 #DFCC3C as 0% and #F5F0C7 as 100%.

0.0%	0.0% #DFCC3C	RGB 223 204 60	#DFCC3C
16.7%	16.7% #E2D151	RGB 226 209 81	#E2D151
33.3%	33.3% #E6D767	RGB 230 215 103	#E6D767
50.0%	50.0% #EADD7E	RGB 234 221 126	#EADD7E
66.7%	66.7% #EDE396	RGB 237 227 150	#EDE396
83.3%	83.3% #F1E9AE	RGB 241 233 174	#F1E9AE
100.0%	100.0% #F5F0C7	RGB 245 240 199	#F5F0C7

#DFCC3C #E2D151 #E6D767 #EADD7E #EDE396 #F1E9AE #F5F0C7

#DFCC3C - #EADD7E - #F5F0C7

CSS codes

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

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