#FFECB8 - #FAFBDA | 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 #FFECB8 to #FAFBDA

#FFECB8 #FAFBDA

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

#FFECB8 - #FAFBDA | 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 #FFECB8 as 0% and #FAFBDA as 100%.

0.0%	0.0% #FFECB8	RGB 255 236 184	#FFECB8
16.7%	16.7% #FEEEBD	RGB 254 238 189	#FEEEBD
33.3%	33.3% #FDF1C3	RGB 253 241 195	#FDF1C3
50.0%	50.0% #FCF3C9	RGB 252 243 201	#FCF3C9
66.7%	66.7% #FBF6CE	RGB 251 246 206	#FBF6CE
83.3%	83.3% #FAF8D4	RGB 250 248 212	#FAF8D4
100.0%	100.0% #FAFBDA	RGB 250 251 218	#FAFBDA

#FFECB8 #FEEEBD #FDF1C3 #FCF3C9 #FBF6CE #FAF8D4 #FAFBDA

#FFECB8 - #FAFBDA

HSV Blend

#FFECB8 - #FAFBDA | 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 #FFECB8 as 0% and #FAFBDA as 100%.

0.0%	0.0% #FFECB8	RGB 255 236 184	#FFECB8
16.7%	16.7% #FEF0BD	RGB 254 240 189	#FEF0BD
33.3%	33.3% #FDF3C3	RGB 253 243 195	#FDF3C3
50.0%	50.0% #FDF6C9	RGB 253 246 201	#FDF6C9
66.7%	66.7% #FCF9CE	RGB 252 249 206	#FCF9CE
83.3%	83.3% #FBFAD4	RGB 251 250 212	#FBFAD4
100.0%	100.0% #FAFBDA	RGB 250 251 218	#FAFBDA

#FFECB8 #FEF0BD #FDF3C3 #FDF6C9 #FCF9CE #FBFAD4 #FAFBDA

#FFECB8 - #FDF6C9 - #FAFBDA

CSS codes

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

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