#DCB05D - #F5E7D1 | 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 #DCB05D to #F5E7D1

#DCB05D #F5E7D1

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

#DCB05D - #F5E7D1 | 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 #DCB05D as 0% and #F5E7D1 as 100%.

0.0%	0.0% #DCB05D	RGB 220 176 93	#DCB05D
16.7%	16.7% #E0B970	RGB 224 185 112	#E0B970
33.3%	33.3% #E4C283	RGB 228 194 131	#E4C283
50.0%	50.0% #E8CB97	RGB 232 203 151	#E8CB97
66.7%	66.7% #ECD4AA	RGB 236 212 170	#ECD4AA
83.3%	83.3% #F0DDBD	RGB 240 221 189	#F0DDBD
100.0%	100.0% #F5E7D1	RGB 245 231 209	#F5E7D1

#DCB05D #E0B970 #E4C283 #E8CB97 #ECD4AA #F0DDBD #F5E7D1

#DCB05D - #F5E7D1

HSV Blend

#DCB05D - #F5E7D1 | 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 #DCB05D as 0% and #F5E7D1 as 100%.

0.0%	0.0% #DCB05C	RGB 220 176 92	#DCB05C
16.7%	16.7% #E0B86E	RGB 224 184 110	#E0B86E
33.3%	33.3% #E4C081	RGB 228 192 129	#E4C081
50.0%	50.0% #E8C994	RGB 232 201 148	#E8C994
66.7%	66.7% #ECD2A7	RGB 236 210 167	#ECD2A7
83.3%	83.3% #F0DCBC	RGB 240 220 188	#F0DCBC
100.0%	100.0% #F5E7D1	RGB 245 231 209	#F5E7D1

#DCB05C #E0B86E #E4C081 #E8C994 #ECD2A7 #F0DCBC #F5E7D1

#DCB05D - #E8C994 - #F5E7D1

CSS codes

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

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