#FEDB9C - #F7F8C5 | 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 #FEDB9C to #F7F8C5

#FEDB9C #F7F8C5

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

#FEDB9C - #F7F8C5 | 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 #FEDB9C as 0% and #F7F8C5 as 100%.

0.0%	0.0% #FEDB9C	RGB 254 219 156	#FEDB9C
16.7%	16.7% #FCDFA2	RGB 252 223 162	#FCDFA2
33.3%	33.3% #FBE4A9	RGB 251 228 169	#FBE4A9
50.0%	50.0% #FAE9B0	RGB 250 233 176	#FAE9B0
66.7%	66.7% #F9EEB7	RGB 249 238 183	#F9EEB7
83.3%	83.3% #F8F3BE	RGB 248 243 190	#F8F3BE
100.0%	100.0% #F7F8C5	RGB 247 248 197	#F7F8C5

#FEDB9C #FCDFA2 #FBE4A9 #FAE9B0 #F9EEB7 #F8F3BE #F7F8C5

#FEDB9C - #F7F8C5

HSV Blend

#FEDB9C - #F7F8C5 | 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 #FEDB9C as 0% and #F7F8C5 as 100%.

0.0%	0.0% #FEDB9C	RGB 254 219 156	#FEDB9C
16.7%	16.7% #FDE2A2	RGB 253 226 162	#FDE2A2
33.3%	33.3% #FCE8A9	RGB 252 232 169	#FCE8A9
50.0%	50.0% #FBEEB0	RGB 251 238 176	#FBEEB0
66.7%	66.7% #FAF2B7	RGB 250 242 183	#FAF2B7
83.3%	83.3% #F9F6BE	RGB 249 246 190	#F9F6BE
100.0%	100.0% #F7F8C5	RGB 247 248 197	#F7F8C5

#FEDB9C #FDE2A2 #FCE8A9 #FBEEB0 #FAF2B7 #F9F6BE #F7F8C5

#FEDB9C - #FBEEB0 - #F7F8C5

CSS codes

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

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