#FEFFA2 - #FEFFE4 | 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 #FEFFA2 to #FEFFE4

#FEFFA2 #FEFFE4

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

#FEFFA2 - #FEFFE4 | 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 #FEFFA2 as 0% and #FEFFE4 as 100%.

0.0%	0.0% #FEFFA2	RGB 254 255 162	#FEFFA2
16.7%	16.7% #FEFFAD	RGB 254 255 173	#FEFFAD
33.3%	33.3% #FEFFB8	RGB 254 255 184	#FEFFB8
50.0%	50.0% #FEFFC3	RGB 254 255 195	#FEFFC3
66.7%	66.7% #FEFFCE	RGB 254 255 206	#FEFFCE
83.3%	83.3% #FEFFD9	RGB 254 255 217	#FEFFD9
100.0%	100.0% #FEFFE4	RGB 254 255 228	#FEFFE4

#FEFFA2 #FEFFAD #FEFFB8 #FEFFC3 #FEFFCE #FEFFD9 #FEFFE4

#FEFFA2 - #FEFFE4

HSV Blend

#FEFFA2 - #FEFFE4 | 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 #FEFFA2 as 0% and #FEFFE4 as 100%.

0.0%	0.0% #FEFFA2	RGB 254 255 162	#FEFFA2
16.7%	16.7% #FDFFAD	RGB 253 255 173	#FDFFAD
33.3%	33.3% #FDFFB8	RGB 253 255 184	#FDFFB8
50.0%	50.0% #FDFFC3	RGB 253 255 195	#FDFFC3
66.7%	66.7% #FDFFCE	RGB 253 255 206	#FDFFCE
83.3%	83.3% #FDFFD9	RGB 253 255 217	#FDFFD9
100.0%	100.0% #FEFFE4	RGB 254 255 228	#FEFFE4

#FEFFA2 #FDFFAD #FDFFB8 #FDFFC3 #FDFFCE #FDFFD9 #FEFFE4

#FEFFA2 - #FDFFC3 - #FEFFE4

CSS codes

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

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