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

#FFFE9E #FEFFE3

Calculate the color between two colors, #FFFE9E 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)

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

0.0%	0.0% #FFFE9E	RGB 255 254 158	#FFFE9E
16.7%	16.7% #FEFEA9	RGB 254 254 169	#FEFEA9
33.3%	33.3% #FEFEB5	RGB 254 254 181	#FEFEB5
50.0%	50.0% #FEFEC0	RGB 254 254 192	#FEFEC0
66.7%	66.7% #FEFECC	RGB 254 254 204	#FEFECC
83.3%	83.3% #FEFED7	RGB 254 254 215	#FEFED7
100.0%	100.0% #FEFFE3	RGB 254 255 227	#FEFFE3

#FFFE9E #FEFEA9 #FEFEB5 #FEFEC0 #FEFECC #FEFED7 #FEFFE3

#FFFE9E - #FEFFE3

HSV Blend

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

0.0%	0.0% #FFFE9E	RGB 255 254 158	#FFFE9E
16.7%	16.7% #FFFEA9	RGB 255 254 169	#FFFEA9
33.3%	33.3% #FEFFB5	RGB 254 255 181	#FEFFB5
50.0%	50.0% #FEFFC0	RGB 254 255 192	#FEFFC0
66.7%	66.7% #FDFFCC	RGB 253 255 204	#FDFFCC
83.3%	83.3% #FDFFD7	RGB 253 255 215	#FDFFD7
100.0%	100.0% #FEFFE3	RGB 254 255 227	#FEFFE3

#FFFE9E #FFFEA9 #FEFFB5 #FEFFC0 #FDFFCC #FDFFD7 #FEFFE3

#FFFE9E - #FEFFC0 - #FEFFE3

CSS codes

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

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