#DCB06B - #F5E9D4 | 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 #DCB06B to #F5E9D4

#DCB06B #F5E9D4

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

#DCB06B - #F5E9D4 | 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 #DCB06B as 0% and #F5E9D4 as 100%.

0.0%	0.0% #DCB06B	RGB 220 176 107	#DCB06B
16.7%	16.7% #E0B97C	RGB 224 185 124	#E0B97C
33.3%	33.3% #E4C38E	RGB 228 195 142	#E4C38E
50.0%	50.0% #E8CC9F	RGB 232 204 159	#E8CC9F
66.7%	66.7% #ECD6B1	RGB 236 214 177	#ECD6B1
83.3%	83.3% #F0DFC2	RGB 240 223 194	#F0DFC2
100.0%	100.0% #F5E9D4	RGB 245 233 212	#F5E9D4

#DCB06B #E0B97C #E4C38E #E8CC9F #ECD6B1 #F0DFC2 #F5E9D4

#DCB06B - #F5E9D4

HSV Blend

#DCB06B - #F5E9D4 | 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 #DCB06B as 0% and #F5E9D4 as 100%.

0.0%	0.0% #DCB06B	RGB 220 176 107	#DCB06B
16.7%	16.7% #E0B97B	RGB 224 185 123	#E0B97B
33.3%	33.3% #E4C28B	RGB 228 194 139	#E4C28B
50.0%	50.0% #E8CC9D	RGB 232 204 157	#E8CC9D
66.7%	66.7% #ECD5AE	RGB 236 213 174	#ECD5AE
83.3%	83.3% #F0DFC1	RGB 240 223 193	#F0DFC1
100.0%	100.0% #F5E9D4	RGB 245 233 212	#F5E9D4

#DCB06B #E0B97B #E4C28B #E8CC9D #ECD5AE #F0DFC1 #F5E9D4

#DCB06B - #E8CC9D - #F5E9D4

CSS codes

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

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