#FFFE6B - #FFFED4 | 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 #FFFE6B to #FFFED4

#FFFE6B #FFFED4

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

#FFFE6B - #FFFED4 | 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 #FFFE6B as 0% and #FFFED4 as 100%.

0.0%	0.0% #FFFE6B	RGB 255 254 107	#FFFE6B
16.7%	16.7% #FFFE7C	RGB 255 254 124	#FFFE7C
33.3%	33.3% #FFFE8E	RGB 255 254 142	#FFFE8E
50.0%	50.0% #FFFE9F	RGB 255 254 159	#FFFE9F
66.7%	66.7% #FFFEB1	RGB 255 254 177	#FFFEB1
83.3%	83.3% #FFFEC2	RGB 255 254 194	#FFFEC2
100.0%	100.0% #FFFED4	RGB 255 254 212	#FFFED4

#FFFE6B #FFFE7C #FFFE8E #FFFE9F #FFFEB1 #FFFEC2 #FFFED4

#FFFE6B - #FFFED4

HSV Blend

#FFFE6B - #FFFED4 | 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 #FFFE6B as 0% and #FFFED4 as 100%.

0.0%	0.0% #FFFE6B	RGB 255 254 107	#FFFE6B
16.7%	16.7% #FFFD7C	RGB 255 253 124	#FFFD7C
33.3%	33.3% #FFFD8E	RGB 255 253 142	#FFFD8E
50.0%	50.0% #FFFD9F	RGB 255 253 159	#FFFD9F
66.7%	66.7% #FFFDB1	RGB 255 253 177	#FFFDB1
83.3%	83.3% #FFFDC2	RGB 255 253 194	#FFFDC2
100.0%	100.0% #FFFED4	RGB 255 254 212	#FFFED4

#FFFE6B #FFFD7C #FFFD8E #FFFD9F #FFFDB1 #FFFDC2 #FFFED4

#FFFE6B - #FFFD9F - #FFFED4

CSS codes

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

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