#E5DFB0 - #C4AF5A | 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 #E5DFB0 to #C4AF5A

#E5DFB0 #C4AF5A

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

#E5DFB0 - #C4AF5A | 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 #E5DFB0 as 0% and #C4AF5A as 100%.

0.0%	0.0% #E5DFB0	RGB 229 223 176	#E5DFB0
16.7%	16.7% #DFD7A1	RGB 223 215 161	#DFD7A1
33.3%	33.3% #DACF93	RGB 218 207 147	#DACF93
50.0%	50.0% #D4C785	RGB 212 199 133	#D4C785
66.7%	66.7% #CFBF76	RGB 207 191 118	#CFBF76
83.3%	83.3% #C9B768	RGB 201 183 104	#C9B768
100.0%	100.0% #C4AF5A	RGB 196 175 90	#C4AF5A

#E5DFB0 #DFD7A1 #DACF93 #D4C785 #CFBF76 #C9B768 #C4AF5A

#E5DFB0 - #C4AF5A

HSV Blend

#E5DFB0 - #C4AF5A | 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 #E5DFB0 as 0% and #C4AF5A as 100%.

0.0%	0.0% #E5DFB0	RGB 229 223 176	#E5DFB0
16.7%	16.7% #DFD7A0	RGB 223 215 160	#DFD7A0
33.3%	33.3% #DACF91	RGB 218 207 145	#DACF91
50.0%	50.0% #D4C782	RGB 212 199 130	#D4C782
66.7%	66.7% #CFBF74	RGB 207 191 116	#CFBF74
83.3%	83.3% #C9B766	RGB 201 183 102	#C9B766
100.0%	100.0% #C4AF5A	RGB 196 175 90	#C4AF5A

#E5DFB0 #DFD7A0 #DACF91 #D4C782 #CFBF74 #C9B766 #C4AF5A

#E5DFB0 - #D4C782 - #C4AF5A

CSS codes

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

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