#E5CB7B - #FFEDA0 | 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 #E5CB7B to #FFEDA0

#E5CB7B #FFEDA0

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

#E5CB7B - #FFEDA0 | 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 #E5CB7B as 0% and #FFEDA0 as 100%.

0.0%	0.0% #E5CB7B	RGB 229 203 123	#E5CB7B
16.7%	16.7% #E9D081	RGB 233 208 129	#E9D081
33.3%	33.3% #EDD687	RGB 237 214 135	#EDD687
50.0%	50.0% #F2DC8D	RGB 242 220 141	#F2DC8D
66.7%	66.7% #F6E193	RGB 246 225 147	#F6E193
83.3%	83.3% #FAE799	RGB 250 231 153	#FAE799
100.0%	100.0% #FFEDA0	RGB 255 237 160	#FFEDA0

#E5CB7B #E9D081 #EDD687 #F2DC8D #F6E193 #FAE799 #FFEDA0

#E5CB7B - #FFEDA0

HSV Blend

#E5CB7B - #FFEDA0 | 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 #E5CB7B as 0% and #FFEDA0 as 100%.

0.0%	0.0% #E5CB7B	RGB 229 203 123	#E5CB7B
16.7%	16.7% #E9D080	RGB 233 208 128	#E9D080
33.3%	33.3% #EDD686	RGB 237 214 134	#EDD686
50.0%	50.0% #F2DC8C	RGB 242 220 140	#F2DC8C
66.7%	66.7% #F6E193	RGB 246 225 147	#F6E193
83.3%	83.3% #FAE799	RGB 250 231 153	#FAE799
100.0%	100.0% #FFEDA0	RGB 255 237 160	#FFEDA0

#E5CB7B #E9D080 #EDD686 #F2DC8C #F6E193 #FAE799 #FFEDA0

#E5CB7B - #F2DC8C - #FFEDA0

CSS codes

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

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