#F2DAE0 - #FFFBF0 | 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 #F2DAE0 to #FFFBF0

#F2DAE0 #FFFBF0

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

#F2DAE0 - #FFFBF0 | 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 #F2DAE0 as 0% and #FFFBF0 as 100%.

0.0%	0.0% #F2DAE0	RGB 242 218 224	#F2DAE0
16.7%	16.7% #F4DFE2	RGB 244 223 226	#F4DFE2
33.3%	33.3% #F6E5E5	RGB 246 229 229	#F6E5E5
50.0%	50.0% #F8EAE8	RGB 248 234 232	#F8EAE8
66.7%	66.7% #FAF0EA	RGB 250 240 234	#FAF0EA
83.3%	83.3% #FCF5ED	RGB 252 245 237	#FCF5ED
100.0%	100.0% #FFFBF0	RGB 255 251 240	#FFFBF0

#F2DAE0 #F4DFE2 #F6E5E5 #F8EAE8 #FAF0EA #FCF5ED #FFFBF0

#F2DAE0 - #FFFBF0

HSV Blend

#F2DAE0 - #FFFBF0 | 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 #F2DAE0 as 0% and #FFFBF0 as 100%.

0.0%	0.0% #F2DAE0	RGB 242 218 224	#F2DAE0
16.7%	16.7% #F4DDDF	RGB 244 221 223	#F4DDDF
33.3%	33.3% #F6E2E1	RGB 246 226 225	#F6E2E1
50.0%	50.0% #F8E9E4	RGB 248 233 228	#F8E9E4
66.7%	66.7% #FAEFE8	RGB 250 239 232	#FAEFE8
83.3%	83.3% #FCF5EC	RGB 252 245 236	#FCF5EC
100.0%	100.0% #FFFBF0	RGB 255 251 240	#FFFBF0

#F2DAE0 #F4DDDF #F6E2E1 #F8E9E4 #FAEFE8 #FCF5EC #FFFBF0

#F2DAE0 - #F8E9E4 - #FFFBF0

CSS codes

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

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