#FFFD81 - #FDF6B5 | 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 #FFFD81 to #FDF6B5

#FFFD81 #FDF6B5

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

#FFFD81 - #FDF6B5 | 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 #FFFD81 as 0% and #FDF6B5 as 100%.

0.0%	0.0% #FFFD81	RGB 255 253 129	#FFFD81
16.7%	16.7% #FEFB89	RGB 254 251 137	#FEFB89
33.3%	33.3% #FEFA92	RGB 254 250 146	#FEFA92
50.0%	50.0% #FEF99B	RGB 254 249 155	#FEF99B
66.7%	66.7% #FDF8A3	RGB 253 248 163	#FDF8A3
83.3%	83.3% #FDF7AC	RGB 253 247 172	#FDF7AC
100.0%	100.0% #FDF6B5	RGB 253 246 181	#FDF6B5

#FFFD81 #FEFB89 #FEFA92 #FEF99B #FDF8A3 #FDF7AC #FDF6B5

#FFFD81 - #FDF6B5

HSV Blend

#FFFD81 - #FDF6B5 | 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 #FFFD81 as 0% and #FDF6B5 as 100%.

0.0%	0.0% #FFFD81	RGB 255 253 129	#FFFD81
16.7%	16.7% #FEFB89	RGB 254 251 137	#FEFB89
33.3%	33.3% #FEF992	RGB 254 249 146	#FEF992
50.0%	50.0% #FEF89B	RGB 254 248 155	#FEF89B
66.7%	66.7% #FDF7A3	RGB 253 247 163	#FDF7A3
83.3%	83.3% #FDF6AC	RGB 253 246 172	#FDF6AC
100.0%	100.0% #FDF6B5	RGB 253 246 181	#FDF6B5

#FFFD81 #FEFB89 #FEF992 #FEF89B #FDF7A3 #FDF6AC #FDF6B5

#FFFD81 - #FEF89B - #FDF6B5

CSS codes

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

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