#FFF662 - #FFFCD2 | 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 #FFF662 to #FFFCD2

#FFF662 #FFFCD2

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

#FFF662 - #FFFCD2 | 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 #FFF662 as 0% and #FFFCD2 as 100%.

0.0%	0.0% #FFF662	RGB 255 246 98	#FFF662
16.7%	16.7% #FFF774	RGB 255 247 116	#FFF774
33.3%	33.3% #FFF887	RGB 255 248 135	#FFF887
50.0%	50.0% #FFF99A	RGB 255 249 154	#FFF99A
66.7%	66.7% #FFFAAC	RGB 255 250 172	#FFFAAC
83.3%	83.3% #FFFBBF	RGB 255 251 191	#FFFBBF
100.0%	100.0% #FFFCD2	RGB 255 252 210	#FFFCD2

#FFF662 #FFF774 #FFF887 #FFF99A #FFFAAC #FFFBBF #FFFCD2

#FFF662 - #FFFCD2

HSV Blend

#FFF662 - #FFFCD2 | 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 #FFF662 as 0% and #FFFCD2 as 100%.

0.0%	0.0% #FFF662	RGB 255 246 98	#FFF662
16.7%	16.7% #FFF674	RGB 255 246 116	#FFF674
33.3%	33.3% #FFF787	RGB 255 247 135	#FFF787
50.0%	50.0% #FFF89A	RGB 255 248 154	#FFF89A
66.7%	66.7% #FFF9AC	RGB 255 249 172	#FFF9AC
83.3%	83.3% #FFFABF	RGB 255 250 191	#FFFABF
100.0%	100.0% #FFFCD2	RGB 255 252 210	#FFFCD2

#FFF662 #FFF674 #FFF787 #FFF89A #FFF9AC #FFFABF #FFFCD2

#FFF662 - #FFF89A - #FFFCD2

CSS codes

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

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