#FFFE8F - #FFFEDF | 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 #FFFE8F to #FFFEDF

#FFFE8F #FFFEDF

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

#FFFE8F - #FFFEDF | 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 #FFFE8F as 0% and #FFFEDF as 100%.

0.0%	0.0% #FFFE8F	RGB 255 254 143	#FFFE8F
16.7%	16.7% #FFFE9C	RGB 255 254 156	#FFFE9C
33.3%	33.3% #FFFEA9	RGB 255 254 169	#FFFEA9
50.0%	50.0% #FFFEB7	RGB 255 254 183	#FFFEB7
66.7%	66.7% #FFFEC4	RGB 255 254 196	#FFFEC4
83.3%	83.3% #FFFED1	RGB 255 254 209	#FFFED1
100.0%	100.0% #FFFEDF	RGB 255 254 223	#FFFEDF

#FFFE8F #FFFE9C #FFFEA9 #FFFEB7 #FFFEC4 #FFFED1 #FFFEDF

#FFFE8F - #FFFEDF

HSV Blend

#FFFE8F - #FFFEDF | 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 #FFFE8F as 0% and #FFFEDF as 100%.

0.0%	0.0% #FFFE8F	RGB 255 254 143	#FFFE8F
16.7%	16.7% #FFFD9C	RGB 255 253 156	#FFFD9C
33.3%	33.3% #FFFDA9	RGB 255 253 169	#FFFDA9
50.0%	50.0% #FFFDB7	RGB 255 253 183	#FFFDB7
66.7%	66.7% #FFFDC4	RGB 255 253 196	#FFFDC4
83.3%	83.3% #FFFDD1	RGB 255 253 209	#FFFDD1
100.0%	100.0% #FFFEDF	RGB 255 254 223	#FFFEDF

#FFFE8F #FFFD9C #FFFDA9 #FFFDB7 #FFFDC4 #FFFDD1 #FFFEDF

#FFFE8F - #FFFDB7 - #FFFEDF

CSS codes

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

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