#FEFFB5 - #FEFFE9 | 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 #FEFFB5 to #FEFFE9

#FEFFB5 #FEFFE9

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

#FEFFB5 - #FEFFE9 | 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 #FEFFB5 as 0% and #FEFFE9 as 100%.

0.0%	0.0% #FEFFB5	RGB 254 255 181	#FEFFB5
16.7%	16.7% #FEFFBD	RGB 254 255 189	#FEFFBD
33.3%	33.3% #FEFFC6	RGB 254 255 198	#FEFFC6
50.0%	50.0% #FEFFCF	RGB 254 255 207	#FEFFCF
66.7%	66.7% #FEFFD7	RGB 254 255 215	#FEFFD7
83.3%	83.3% #FEFFE0	RGB 254 255 224	#FEFFE0
100.0%	100.0% #FEFFE9	RGB 254 255 233	#FEFFE9

#FEFFB5 #FEFFBD #FEFFC6 #FEFFCF #FEFFD7 #FEFFE0 #FEFFE9

#FEFFB5 - #FEFFE9

HSV Blend

#FEFFB5 - #FEFFE9 | 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 #FEFFB5 as 0% and #FEFFE9 as 100%.

0.0%	0.0% #FEFFB5	RGB 254 255 181	#FEFFB5
16.7%	16.7% #FDFFBD	RGB 253 255 189	#FDFFBD
33.3%	33.3% #FDFFC6	RGB 253 255 198	#FDFFC6
50.0%	50.0% #FDFFCF	RGB 253 255 207	#FDFFCF
66.7%	66.7% #FDFFD7	RGB 253 255 215	#FDFFD7
83.3%	83.3% #FDFFE0	RGB 253 255 224	#FDFFE0
100.0%	100.0% #FEFFE9	RGB 254 255 233	#FEFFE9

#FEFFB5 #FDFFBD #FDFFC6 #FDFFCF #FDFFD7 #FDFFE0 #FEFFE9

#FEFFB5 - #FDFFCF - #FEFFE9

CSS codes

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

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