#F0CB8C - #FCF1B2 | 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 #F0CB8C to #FCF1B2

#F0CB8C #FCF1B2

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

#F0CB8C - #FCF1B2 | 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 #F0CB8C as 0% and #FCF1B2 as 100%.

0.0%	0.0% #F0CB8C	RGB 240 203 140	#F0CB8C
16.7%	16.7% #F2D192	RGB 242 209 146	#F2D192
33.3%	33.3% #F4D798	RGB 244 215 152	#F4D798
50.0%	50.0% #F6DE9F	RGB 246 222 159	#F6DE9F
66.7%	66.7% #F8E4A5	RGB 248 228 165	#F8E4A5
83.3%	83.3% #FAEAAB	RGB 250 234 171	#FAEAAB
100.0%	100.0% #FCF1B2	RGB 252 241 178	#FCF1B2

#F0CB8C #F2D192 #F4D798 #F6DE9F #F8E4A5 #FAEAAB #FCF1B2

#F0CB8C - #FCF1B2

HSV Blend

#F0CB8C - #FCF1B2 | 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 #F0CB8C as 0% and #FCF1B2 as 100%.

0.0%	0.0% #F0CB8C	RGB 240 203 140	#F0CB8C
16.7%	16.7% #F2D292	RGB 242 210 146	#F2D292
33.3%	33.3% #F4D898	RGB 244 216 152	#F4D898
50.0%	50.0% #F6DF9E	RGB 246 223 158	#F6DF9E
66.7%	66.7% #F8E5A5	RGB 248 229 165	#F8E5A5
83.3%	83.3% #FAEBAB	RGB 250 235 171	#FAEBAB
100.0%	100.0% #FCF1B2	RGB 252 241 178	#FCF1B2

#F0CB8C #F2D292 #F4D898 #F6DF9E #F8E5A5 #FAEBAB #FCF1B2

#F0CB8C - #F6DF9E - #FCF1B2

CSS codes

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

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