#E4DF5E - #F7F5D1 | 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 #E4DF5E to #F7F5D1

#E4DF5E #F7F5D1

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

#E4DF5E - #F7F5D1 | 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 #E4DF5E as 0% and #F7F5D1 as 100%.

0.0%	0.0% #E4DF5E	RGB 228 223 94	#E4DF5E
16.7%	16.7% #E7E271	RGB 231 226 113	#E7E271
33.3%	33.3% #EAE684	RGB 234 230 132	#EAE684
50.0%	50.0% #EDEA97	RGB 237 234 151	#EDEA97
66.7%	66.7% #F0EDAA	RGB 240 237 170	#F0EDAA
83.3%	83.3% #F3F1BD	RGB 243 241 189	#F3F1BD
100.0%	100.0% #F7F5D1	RGB 247 245 209	#F7F5D1

#E4DF5E #E7E271 #EAE684 #EDEA97 #F0EDAA #F3F1BD #F7F5D1

#E4DF5E - #F7F5D1

HSV Blend

#E4DF5E - #F7F5D1 | 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 #E4DF5E as 0% and #F7F5D1 as 100%.

0.0%	0.0% #E4DF5E	RGB 228 223 94	#E4DF5E
16.7%	16.7% #E7E270	RGB 231 226 112	#E7E270
33.3%	33.3% #EAE582	RGB 234 229 130	#EAE582
50.0%	50.0% #EDE995	RGB 237 233 149	#EDE995
66.7%	66.7% #F0EDA8	RGB 240 237 168	#F0EDA8
83.3%	83.3% #F3F1BC	RGB 243 241 188	#F3F1BC
100.0%	100.0% #F7F5D1	RGB 247 245 209	#F7F5D1

#E4DF5E #E7E270 #EAE582 #EDE995 #F0EDA8 #F3F1BC #F7F5D1

#E4DF5E - #EDE995 - #F7F5D1

CSS codes

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

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