#F2D5BA - #FBF2EB | 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 #F2D5BA to #FBF2EB

#F2D5BA #FBF2EB

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

#F2D5BA - #FBF2EB | 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 #F2D5BA as 0% and #FBF2EB as 100%.

0.0%	0.0% #F2D5BA	RGB 242 213 186	#F2D5BA
16.7%	16.7% #F3D9C2	RGB 243 217 194	#F3D9C2
33.3%	33.3% #F5DECA	RGB 245 222 202	#F5DECA
50.0%	50.0% #F6E3D2	RGB 246 227 210	#F6E3D2
66.7%	66.7% #F8E8DA	RGB 248 232 218	#F8E8DA
83.3%	83.3% #F9EDE2	RGB 249 237 226	#F9EDE2
100.0%	100.0% #FBF2EB	RGB 251 242 235	#FBF2EB

#F2D5BA #F3D9C2 #F5DECA #F6E3D2 #F8E8DA #F9EDE2 #FBF2EB

#F2D5BA - #FBF2EB

HSV Blend

#F2D5BA - #FBF2EB | 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 #F2D5BA as 0% and #FBF2EB as 100%.

0.0%	0.0% #F2D5BA	RGB 242 213 186	#F2D5BA
16.7%	16.7% #F3D9C1	RGB 243 217 193	#F3D9C1
33.3%	33.3% #F5DEC9	RGB 245 222 201	#F5DEC9
50.0%	50.0% #F6E2D2	RGB 246 226 210	#F6E2D2
66.7%	66.7% #F8E7DA	RGB 248 231 218	#F8E7DA
83.3%	83.3% #F9ECE2	RGB 249 236 226	#F9ECE2
100.0%	100.0% #FBF2EB	RGB 251 242 235	#FBF2EB

#F2D5BA #F3D9C1 #F5DEC9 #F6E2D2 #F8E7DA #F9ECE2 #FBF2EB

#F2D5BA - #F6E2D2 - #FBF2EB

CSS codes

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

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