#FFF484 - #FBF7B5 | 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 #FFF484 to #FBF7B5

#FFF484 #FBF7B5

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

#FFF484 - #FBF7B5 | 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 #FFF484 as 0% and #FBF7B5 as 100%.

0.0%	0.0% #FFF484	RGB 255 244 132	#FFF484
16.7%	16.7% #FEF48C	RGB 254 244 140	#FEF48C
33.3%	33.3% #FDF594	RGB 253 245 148	#FDF594
50.0%	50.0% #FDF59C	RGB 253 245 156	#FDF59C
66.7%	66.7% #FCF6A4	RGB 252 246 164	#FCF6A4
83.3%	83.3% #FBF6AC	RGB 251 246 172	#FBF6AC
100.0%	100.0% #FBF7B5	RGB 251 247 181	#FBF7B5

#FFF484 #FEF48C #FDF594 #FDF59C #FCF6A4 #FBF6AC #FBF7B5

#FFF484 - #FBF7B5

HSV Blend

#FFF484 - #FBF7B5 | 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 #FFF484 as 0% and #FBF7B5 as 100%.

0.0%	0.0% #FFF484	RGB 255 244 132	#FFF484
16.7%	16.7% #FEF48C	RGB 254 244 140	#FEF48C
33.3%	33.3% #FDF594	RGB 253 245 148	#FDF594
50.0%	50.0% #FDF59C	RGB 253 245 156	#FDF59C
66.7%	66.7% #FCF6A4	RGB 252 246 164	#FCF6A4
83.3%	83.3% #FBF6AC	RGB 251 246 172	#FBF6AC
100.0%	100.0% #FBF7B5	RGB 251 247 181	#FBF7B5

#FFF484 #FEF48C #FDF594 #FDF59C #FCF6A4 #FBF6AC #FBF7B5

#FFF484 - #FDF59C - #FBF7B5

CSS codes

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

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