#FFF032 - #FFFAC4 | 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 #FFF032 to #FFFAC4

#FFF032 #FFFAC4

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

#FFF032 - #FFFAC4 | 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 #FFF032 as 0% and #FFFAC4 as 100%.

0.0%	0.0% #FFF032	RGB 255 240 50	#FFF032
16.7%	16.7% #FFF14A	RGB 255 241 74	#FFF14A
33.3%	33.3% #FFF362	RGB 255 243 98	#FFF362
50.0%	50.0% #FFF57B	RGB 255 245 123	#FFF57B
66.7%	66.7% #FFF693	RGB 255 246 147	#FFF693
83.3%	83.3% #FFF8AB	RGB 255 248 171	#FFF8AB
100.0%	100.0% #FFFAC4	RGB 255 250 196	#FFFAC4

#FFF032 #FFF14A #FFF362 #FFF57B #FFF693 #FFF8AB #FFFAC4

#FFF032 - #FFFAC4

HSV Blend

#FFF032 - #FFFAC4 | 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 #FFF032 as 0% and #FFFAC4 as 100%.

0.0%	0.0% #FFF031	RGB 255 240 49	#FFF031
16.7%	16.7% #FFF14A	RGB 255 241 74	#FFF14A
33.3%	33.3% #FFF262	RGB 255 242 98	#FFF262
50.0%	50.0% #FFF47B	RGB 255 244 123	#FFF47B
66.7%	66.7% #FFF693	RGB 255 246 147	#FFF693
83.3%	83.3% #FFF8AB	RGB 255 248 171	#FFF8AB
100.0%	100.0% #FFFAC4	RGB 255 250 196	#FFFAC4

#FFF031 #FFF14A #FFF262 #FFF47B #FFF693 #FFF8AB #FFFAC4

#FFF032 - #FFF47B - #FFFAC4

CSS codes

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

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