#FFEC9E - #E4C7EB | 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 #FFEC9E to #E4C7EB

#FFEC9E #E4C7EB

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

#FFEC9E - #E4C7EB | 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 #FFEC9E as 0% and #E4C7EB as 100%.

0.0%	0.0% #FFEC9E	RGB 255 236 158	#FFEC9E
16.7%	16.7% #FAE5AA	RGB 250 229 170	#FAE5AA
33.3%	33.3% #F6DFB7	RGB 246 223 183	#F6DFB7
50.0%	50.0% #F1D9C4	RGB 241 217 196	#F1D9C4
66.7%	66.7% #EDD3D1	RGB 237 211 209	#EDD3D1
83.3%	83.3% #E8CDDE	RGB 232 205 222	#E8CDDE
100.0%	100.0% #E4C7EB	RGB 228 199 235	#E4C7EB

#FFEC9E #FAE5AA #F6DFB7 #F1D9C4 #EDD3D1 #E8CDDE #E4C7EB

#FFEC9E - #E4C7EB

HSV Blend

#FFEC9E - #E4C7EB | 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 #FFEC9E as 0% and #E4C7EB as 100%.

0.0%	0.0% #FFEC9E	RGB 255 236 158	#FFEC9E
16.7%	16.7% #FBCEA5	RGB 251 206 165	#FBCEA5
33.3%	33.3% #F8B7AC	RGB 248 183 172	#F8B7AC
50.0%	50.0% #F5B3C0	RGB 245 179 192	#F5B3C0
66.7%	66.7% #F1BAD7	RGB 241 186 215	#F1BAD7
83.3%	83.3% #EEC0E8	RGB 238 192 232	#EEC0E8
100.0%	100.0% #E4C7EB	RGB 228 199 235	#E4C7EB

#FFEC9E #FBCEA5 #F8B7AC #F5B3C0 #F1BAD7 #EEC0E8 #E4C7EB

#FFEC9E - #F5B3C0 - #E4C7EB

CSS codes

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

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