#FFF981 - #FFFEDB | 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 #FFF981 to #FFFEDB

#FFF981 #FFFEDB

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

#FFF981 - #FFFEDB | 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 #FFF981 as 0% and #FFFEDB as 100%.

0.0%	0.0% #FFF981	RGB 255 249 129	#FFF981
16.7%	16.7% #FFF990	RGB 255 249 144	#FFF990
33.3%	33.3% #FFFA9F	RGB 255 250 159	#FFFA9F
50.0%	50.0% #FFFBAE	RGB 255 251 174	#FFFBAE
66.7%	66.7% #FFFCBD	RGB 255 252 189	#FFFCBD
83.3%	83.3% #FFFDCC	RGB 255 253 204	#FFFDCC
100.0%	100.0% #FFFEDB	RGB 255 254 219	#FFFEDB

#FFF981 #FFF990 #FFFA9F #FFFBAE #FFFCBD #FFFDCC #FFFEDB

#FFF981 - #FFFEDB

HSV Blend

#FFF981 - #FFFEDB | 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 #FFF981 as 0% and #FFFEDB as 100%.

0.0%	0.0% #FFF981	RGB 255 249 129	#FFF981
16.7%	16.7% #FFFA90	RGB 255 250 144	#FFFA90
33.3%	33.3% #FFFB9F	RGB 255 251 159	#FFFB9F
50.0%	50.0% #FFFBAE	RGB 255 251 174	#FFFBAE
66.7%	66.7% #FFFCBD	RGB 255 252 189	#FFFCBD
83.3%	83.3% #FFFDCC	RGB 255 253 204	#FFFDCC
100.0%	100.0% #FFFEDB	RGB 255 254 219	#FFFEDB

#FFF981 #FFFA90 #FFFB9F #FFFBAE #FFFCBD #FFFDCC #FFFEDB

#FFF981 - #FFFBAE - #FFFEDB

CSS codes

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

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