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

#FDFF6B #FFFED4

Calculate the color between two colors, #FDFF6B 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)

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

0.0%	0.0% #FDFF6B	RGB 253 255 107	#FDFF6B
16.7%	16.7% #FDFE7C	RGB 253 254 124	#FDFE7C
33.3%	33.3% #FDFE8E	RGB 253 254 142	#FDFE8E
50.0%	50.0% #FEFE9F	RGB 254 254 159	#FEFE9F
66.7%	66.7% #FEFEB1	RGB 254 254 177	#FEFEB1
83.3%	83.3% #FEFEC2	RGB 254 254 194	#FEFEC2
100.0%	100.0% #FFFED4	RGB 255 254 212	#FFFED4

#FDFF6B #FDFE7C #FDFE8E #FEFE9F #FEFEB1 #FEFEC2 #FFFED4

#FDFF6B - #FFFED4

HSV Blend

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

0.0%	0.0% #FDFF6B	RGB 253 255 107	#FDFF6B
16.7%	16.7% #FEFF7C	RGB 254 255 124	#FEFF7C
33.3%	33.3% #FEFF8E	RGB 254 255 142	#FEFF8E
50.0%	50.0% #FFFE9F	RGB 255 254 159	#FFFE9F
66.7%	66.7% #FFFEB1	RGB 255 254 177	#FFFEB1
83.3%	83.3% #FFFDC2	RGB 255 253 194	#FFFDC2
100.0%	100.0% #FFFED4	RGB 255 254 212	#FFFED4

#FDFF6B #FEFF7C #FEFF8E #FFFE9F #FFFEB1 #FFFDC2 #FFFED4

#FDFF6B - #FFFE9F - #FFFED4

CSS codes

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

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