#FFF8FE - #B9A6CF | 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 #FFF8FE to #B9A6CF

#FFF8FE #B9A6CF

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

#FFF8FE - #B9A6CF | 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 #FFF8FE as 0% and #B9A6CF as 100%.

0.0%	0.0% #FFF8FE	RGB 255 248 254	#FFF8FE
16.7%	16.7% #F3EAF6	RGB 243 234 246	#F3EAF6
33.3%	33.3% #E7DCEE	RGB 231 220 238	#E7DCEE
50.0%	50.0% #DCCFE6	RGB 220 207 230	#DCCFE6
66.7%	66.7% #D0C1DE	RGB 208 193 222	#D0C1DE
83.3%	83.3% #C4B3D6	RGB 196 179 214	#C4B3D6
100.0%	100.0% #B9A6CF	RGB 185 166 207	#B9A6CF

#FFF8FE #F3EAF6 #E7DCEE #DCCFE6 #D0C1DE #C4B3D6 #B9A6CF

#FFF8FE - #B9A6CF

HSV Blend

#FFF8FE - #B9A6CF | 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 #FFF8FE as 0% and #B9A6CF as 100%.

0.0%	0.0% #FFF8FE	RGB 255 248 254	#FFF8FE
16.7%	16.7% #F7E9F6	RGB 247 233 246	#F7E9F6
33.3%	33.3% #EDDAEF	RGB 237 218 239	#EDDAEF
50.0%	50.0% #E1CCE7	RGB 225 204 231	#E1CCE7
66.7%	66.7% #D5BFDF	RGB 213 191 223	#D5BFDF
83.3%	83.3% #C7B2D7	RGB 199 178 215	#C7B2D7
100.0%	100.0% #B9A6CF	RGB 185 166 207	#B9A6CF

#FFF8FE #F7E9F6 #EDDAEF #E1CCE7 #D5BFDF #C7B2D7 #B9A6CF

#FFF8FE - #E1CCE7 - #B9A6CF

CSS codes

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

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