#F8F8FF - #B5AFEC | 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 #F8F8FF to #B5AFEC

#F8F8FF #B5AFEC

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

#F8F8FF - #B5AFEC | 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 #F8F8FF as 0% and #B5AFEC as 100%.

0.0%	0.0% #F8F8FF	RGB 248 248 255	#F8F8FF
16.7%	16.7% #ECEBFB	RGB 236 235 251	#ECEBFB
33.3%	33.3% #E1DFF8	RGB 225 223 248	#E1DFF8
50.0%	50.0% #D6D3F5	RGB 214 211 245	#D6D3F5
66.7%	66.7% #CBC7F2	RGB 203 199 242	#CBC7F2
83.3%	83.3% #C0BBEF	RGB 192 187 239	#C0BBEF
100.0%	100.0% #B5AFEC	RGB 181 175 236	#B5AFEC

#F8F8FF #ECEBFB #E1DFF8 #D6D3F5 #CBC7F2 #C0BBEF #B5AFEC

#F8F8FF - #B5AFEC

HSV Blend

#F8F8FF - #B5AFEC | 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 #F8F8FF as 0% and #B5AFEC as 100%.

0.0%	0.0% #F8F8FF	RGB 248 248 255	#F8F8FF
16.7%	16.7% #EBEBFB	RGB 235 235 251	#EBEBFB
33.3%	33.3% #DFDEF8	RGB 223 222 248	#DFDEF8
50.0%	50.0% #D4D2F5	RGB 212 210 245	#D4D2F5
66.7%	66.7% #C9C6F2	RGB 201 198 242	#C9C6F2
83.3%	83.3% #BEBAEF	RGB 190 186 239	#BEBAEF
100.0%	100.0% #B5AFEC	RGB 181 175 236	#B5AFEC

#F8F8FF #EBEBFB #DFDEF8 #D4D2F5 #C9C6F2 #BEBAEF #B5AFEC

#F8F8FF - #D4D2F5 - #B5AFEC

CSS codes

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

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