#FFB0E7 - #FCFBFA | 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 #FFB0E7 to #FCFBFA

#FFB0E7 #FCFBFA

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

#FFB0E7 - #FCFBFA | 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 #FFB0E7 as 0% and #FCFBFA as 100%.

0.0%	0.0% #FFB0E7	RGB 255 176 231	#FFB0E7
16.7%	16.7% #FEBCEA	RGB 254 188 234	#FEBCEA
33.3%	33.3% #FEC9ED	RGB 254 201 237	#FEC9ED
50.0%	50.0% #FDD5F0	RGB 253 213 240	#FDD5F0
66.7%	66.7% #FDE2F3	RGB 253 226 243	#FDE2F3
83.3%	83.3% #FCEEF6	RGB 252 238 246	#FCEEF6
100.0%	100.0% #FCFBFA	RGB 252 251 250	#FCFBFA

#FFB0E7 #FEBCEA #FEC9ED #FDD5F0 #FDE2F3 #FCEEF6 #FCFBFA

#FFB0E7 - #FCFBFA

HSV Blend

#FFB0E7 - #FCFBFA | 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 #FFB0E7 as 0% and #FCFBFA as 100%.

0.0%	0.0% #FFB0E7	RGB 255 176 231	#FFB0E7
16.7%	16.7% #FEBCDD	RGB 254 188 221	#FEBCDD
33.3%	33.3% #FEC8D8	RGB 254 200 216	#FEC8D8
50.0%	50.0% #FDD5D9	RGB 253 213 217	#FDD5D9
66.7%	66.7% #FDE4E1	RGB 253 228 225	#FDE4E1
83.3%	83.3% #FCF2ED	RGB 252 242 237	#FCF2ED
100.0%	100.0% #FCFBFA	RGB 252 251 250	#FCFBFA

#FFB0E7 #FEBCDD #FEC8D8 #FDD5D9 #FDE4E1 #FCF2ED #FCFBFA

#FFB0E7 - #FDD5D9 - #FCFBFA

CSS codes

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

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