#FFED8E - #ECE5CD | 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 #FFED8E to #ECE5CD

#FFED8E #ECE5CD

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

#FFED8E - #ECE5CD | 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 #FFED8E as 0% and #ECE5CD as 100%.

0.0%	0.0% #FFED8E	RGB 255 237 142	#FFED8E
16.7%	16.7% #FBEB98	RGB 251 235 152	#FBEB98
33.3%	33.3% #F8EAA3	RGB 248 234 163	#F8EAA3
50.0%	50.0% #F5E9AD	RGB 245 233 173	#F5E9AD
66.7%	66.7% #F2E7B8	RGB 242 231 184	#F2E7B8
83.3%	83.3% #EFE6C2	RGB 239 230 194	#EFE6C2
100.0%	100.0% #ECE5CD	RGB 236 229 205	#ECE5CD

#FFED8E #FBEB98 #F8EAA3 #F5E9AD #F2E7B8 #EFE6C2 #ECE5CD

#FFED8E - #ECE5CD

HSV Blend

#FFED8E - #ECE5CD | 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 #FFED8E as 0% and #ECE5CD as 100%.

0.0%	0.0% #FFED8E	RGB 255 237 142	#FFED8E
16.7%	16.7% #FBEB99	RGB 251 235 153	#FBEB99
33.3%	33.3% #F8E9A4	RGB 248 233 164	#F8E9A4
50.0%	50.0% #F5E7AE	RGB 245 231 174	#F5E7AE
66.7%	66.7% #F2E6B9	RGB 242 230 185	#F2E6B9
83.3%	83.3% #EFE5C3	RGB 239 229 195	#EFE5C3
100.0%	100.0% #ECE5CD	RGB 236 229 205	#ECE5CD

#FFED8E #FBEB99 #F8E9A4 #F5E7AE #F2E6B9 #EFE5C3 #ECE5CD

#FFED8E - #F5E7AE - #ECE5CD

CSS codes

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

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