#FFEDC3 - #E2CD6B | 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 #FFEDC3 to #E2CD6B

#FFEDC3 #E2CD6B

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

#FFEDC3 - #E2CD6B | 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 #FFEDC3 as 0% and #E2CD6B as 100%.

0.0%	0.0% #FFEDC3	RGB 255 237 195	#FFEDC3
16.7%	16.7% #FAE7B4	RGB 250 231 180	#FAE7B4
33.3%	33.3% #F5E2A5	RGB 245 226 165	#F5E2A5
50.0%	50.0% #F0DD97	RGB 240 221 151	#F0DD97
66.7%	66.7% #EBD788	RGB 235 215 136	#EBD788
83.3%	83.3% #E6D279	RGB 230 210 121	#E6D279
100.0%	100.0% #E2CD6B	RGB 226 205 107	#E2CD6B

#FFEDC3 #FAE7B4 #F5E2A5 #F0DD97 #EBD788 #E6D279 #E2CD6B

#FFEDC3 - #E2CD6B

HSV Blend

#FFEDC3 - #E2CD6B | 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 #FFEDC3 as 0% and #E2CD6B as 100%.

0.0%	0.0% #FFEDC3	RGB 255 237 195	#FFEDC3
16.7%	16.7% #FAE6B3	RGB 250 230 179	#FAE6B3
33.3%	33.3% #F5E0A3	RGB 245 224 163	#F5E0A3
50.0%	50.0% #F0DA94	RGB 240 218 148	#F0DA94
66.7%	66.7% #EBD586	RGB 235 213 134	#EBD586
83.3%	83.3% #E6D178	RGB 230 209 120	#E6D178
100.0%	100.0% #E2CD6B	RGB 226 205 107	#E2CD6B

#FFEDC3 #FAE6B3 #F5E0A3 #F0DA94 #EBD586 #E6D178 #E2CD6B

#FFEDC3 - #F0DA94 - #E2CD6B

CSS codes

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

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