#FFFE9D - #FEFFE3 | 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 #FFFE9D to #FEFFE3

#FFFE9D #FEFFE3

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

#FFFE9D - #FEFFE3 | 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 #FFFE9D as 0% and #FEFFE3 as 100%.

0.0%	0.0% #FFFE9D	RGB 255 254 157	#FFFE9D
16.7%	16.7% #FEFEA8	RGB 254 254 168	#FEFEA8
33.3%	33.3% #FEFEB4	RGB 254 254 180	#FEFEB4
50.0%	50.0% #FEFEC0	RGB 254 254 192	#FEFEC0
66.7%	66.7% #FEFECB	RGB 254 254 203	#FEFECB
83.3%	83.3% #FEFED7	RGB 254 254 215	#FEFED7
100.0%	100.0% #FEFFE3	RGB 254 255 227	#FEFFE3

#FFFE9D #FEFEA8 #FEFEB4 #FEFEC0 #FEFECB #FEFED7 #FEFFE3

#FFFE9D - #FEFFE3

HSV Blend

#FFFE9D - #FEFFE3 | 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 #FFFE9D as 0% and #FEFFE3 as 100%.

0.0%	0.0% #FFFE9D	RGB 255 254 157	#FFFE9D
16.7%	16.7% #FFFEA8	RGB 255 254 168	#FFFEA8
33.3%	33.3% #FEFFB4	RGB 254 255 180	#FEFFB4
50.0%	50.0% #FEFFC0	RGB 254 255 192	#FEFFC0
66.7%	66.7% #FDFFCB	RGB 253 255 203	#FDFFCB
83.3%	83.3% #FDFFD7	RGB 253 255 215	#FDFFD7
100.0%	100.0% #FEFFE3	RGB 254 255 227	#FEFFE3

#FFFE9D #FFFEA8 #FEFFB4 #FEFFC0 #FDFFCB #FDFFD7 #FEFFE3

#FFFE9D - #FEFFC0 - #FEFFE3

CSS codes

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

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