#F9F7FB - #B5ADC9 | 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 #F9F7FB to #B5ADC9

#F9F7FB #B5ADC9

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

#F9F7FB - #B5ADC9 | 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 #F9F7FB as 0% and #B5ADC9 as 100%.

0.0%	0.0% #F9F7FB	RGB 249 247 251	#F9F7FB
16.7%	16.7% #EDEAF2	RGB 237 234 242	#EDEAF2
33.3%	33.3% #E2DEEA	RGB 226 222 234	#E2DEEA
50.0%	50.0% #D7D2E2	RGB 215 210 226	#D7D2E2
66.7%	66.7% #CBC5D9	RGB 203 197 217	#CBC5D9
83.3%	83.3% #C0B9D1	RGB 192 185 209	#C0B9D1
100.0%	100.0% #B5ADC9	RGB 181 173 201	#B5ADC9

#F9F7FB #EDEAF2 #E2DEEA #D7D2E2 #CBC5D9 #C0B9D1 #B5ADC9

#F9F7FB - #B5ADC9

HSV Blend

#F9F7FB - #B5ADC9 | 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 #F9F7FB as 0% and #B5ADC9 as 100%.

0.0%	0.0% #F9F7FB	RGB 249 247 251	#F9F7FB
16.7%	16.7% #EDE9F2	RGB 237 233 242	#EDE9F2
33.3%	33.3% #E2DCEA	RGB 226 220 234	#E2DCEA
50.0%	50.0% #D7D0E2	RGB 215 208 226	#D7D0E2
66.7%	66.7% #CBC4D9	RGB 203 196 217	#CBC4D9
83.3%	83.3% #C0B8D1	RGB 192 184 209	#C0B8D1
100.0%	100.0% #B5ADC9	RGB 181 173 201	#B5ADC9

#F9F7FB #EDE9F2 #E2DCEA #D7D0E2 #CBC4D9 #C0B8D1 #B5ADC9

#F9F7FB - #D7D0E2 - #B5ADC9

CSS codes

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

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