#FFBA8C - #F2F2B5 | 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 #FFBA8C to #F2F2B5

#FFBA8C #F2F2B5

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

#FFBA8C - #F2F2B5 | 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 #FFBA8C as 0% and #F2F2B5 as 100%.

0.0%	0.0% #FFBA8C	RGB 255 186 140	#FFBA8C
16.7%	16.7% #FCC392	RGB 252 195 146	#FCC392
33.3%	33.3% #FACC99	RGB 250 204 153	#FACC99
50.0%	50.0% #F8D6A0	RGB 248 214 160	#F8D6A0
66.7%	66.7% #F6DFA7	RGB 246 223 167	#F6DFA7
83.3%	83.3% #F4E8AE	RGB 244 232 174	#F4E8AE
100.0%	100.0% #F2F2B5	RGB 242 242 181	#F2F2B5

#FFBA8C #FCC392 #FACC99 #F8D6A0 #F6DFA7 #F4E8AE #F2F2B5

#FFBA8C - #F2F2B5

HSV Blend

#FFBA8C - #F2F2B5 | 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 #FFBA8C as 0% and #F2F2B5 as 100%.

0.0%	0.0% #FFBA8C	RGB 255 186 140	#FFBA8C
16.7%	16.7% #FCC893	RGB 252 200 147	#FCC893
33.3%	33.3% #FAD49A	RGB 250 212 154	#FAD49A
50.0%	50.0% #F8DEA1	RGB 248 222 161	#F8DEA1
66.7%	66.7% #F6E6A7	RGB 246 230 167	#F6E6A7
83.3%	83.3% #F4EDAE	RGB 244 237 174	#F4EDAE
100.0%	100.0% #F2F2B5	RGB 242 242 181	#F2F2B5

#FFBA8C #FCC893 #FAD49A #F8DEA1 #F6E6A7 #F4EDAE #F2F2B5

#FFBA8C - #F8DEA1 - #F2F2B5

CSS codes

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

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