#FEFFA8 - #FEFFE6 | 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 #FEFFA8 to #FEFFE6

#FEFFA8 #FEFFE6

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

#FEFFA8 - #FEFFE6 | 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 #FEFFA8 as 0% and #FEFFE6 as 100%.

0.0%	0.0% #FEFFA8	RGB 254 255 168	#FEFFA8
16.7%	16.7% #FEFFB2	RGB 254 255 178	#FEFFB2
33.3%	33.3% #FEFFBC	RGB 254 255 188	#FEFFBC
50.0%	50.0% #FEFFC7	RGB 254 255 199	#FEFFC7
66.7%	66.7% #FEFFD1	RGB 254 255 209	#FEFFD1
83.3%	83.3% #FEFFDB	RGB 254 255 219	#FEFFDB
100.0%	100.0% #FEFFE6	RGB 254 255 230	#FEFFE6

#FEFFA8 #FEFFB2 #FEFFBC #FEFFC7 #FEFFD1 #FEFFDB #FEFFE6

#FEFFA8 - #FEFFE6

HSV Blend

#FEFFA8 - #FEFFE6 | 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 #FEFFA8 as 0% and #FEFFE6 as 100%.

0.0%	0.0% #FEFFA8	RGB 254 255 168	#FEFFA8
16.7%	16.7% #FDFFB2	RGB 253 255 178	#FDFFB2
33.3%	33.3% #FDFFBC	RGB 253 255 188	#FDFFBC
50.0%	50.0% #FDFFC7	RGB 253 255 199	#FDFFC7
66.7%	66.7% #FDFFD1	RGB 253 255 209	#FDFFD1
83.3%	83.3% #FDFFDB	RGB 253 255 219	#FDFFDB
100.0%	100.0% #FEFFE6	RGB 254 255 230	#FEFFE6

#FEFFA8 #FDFFB2 #FDFFBC #FDFFC7 #FDFFD1 #FDFFDB #FEFFE6

#FEFFA8 - #FDFFC7 - #FEFFE6

CSS codes

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

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