#FDFEB6 - #FEFEEA | 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 #FDFEB6 to #FEFEEA

#FDFEB6 #FEFEEA

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

#FDFEB6 - #FEFEEA | 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 #FDFEB6 as 0% and #FEFEEA as 100%.

0.0%	0.0% #FDFEB6	RGB 253 254 182	#FDFEB6
16.7%	16.7% #FDFEBE	RGB 253 254 190	#FDFEBE
33.3%	33.3% #FDFEC7	RGB 253 254 199	#FDFEC7
50.0%	50.0% #FDFED0	RGB 253 254 208	#FDFED0
66.7%	66.7% #FDFED8	RGB 253 254 216	#FDFED8
83.3%	83.3% #FDFEE1	RGB 253 254 225	#FDFEE1
100.0%	100.0% #FEFEEA	RGB 254 254 234	#FEFEEA

#FDFEB6 #FDFEBE #FDFEC7 #FDFED0 #FDFED8 #FDFEE1 #FEFEEA

#FDFEB6 - #FEFEEA

HSV Blend

#FDFEB6 - #FEFEEA | 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 #FDFEB6 as 0% and #FEFEEA as 100%.

0.0%	0.0% #FDFEB6	RGB 253 254 182	#FDFEB6
16.7%	16.7% #FDFEBE	RGB 253 254 190	#FDFEBE
33.3%	33.3% #FDFEC7	RGB 253 254 199	#FDFEC7
50.0%	50.0% #FDFED0	RGB 253 254 208	#FDFED0
66.7%	66.7% #FDFED8	RGB 253 254 216	#FDFED8
83.3%	83.3% #FDFEE1	RGB 253 254 225	#FDFEE1
100.0%	100.0% #FEFEEA	RGB 254 254 234	#FEFEEA

#FDFEB6 #FDFEBE #FDFEC7 #FDFED0 #FDFED8 #FDFEE1 #FEFEEA

#FDFEB6 - #FDFED0 - #FEFEEA

CSS codes

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

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