#FBF8FF - #A3ABCF | 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 #FBF8FF to #A3ABCF

#FBF8FF #A3ABCF

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

#FBF8FF - #A3ABCF | 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 #FBF8FF as 0% and #A3ABCF as 100%.

0.0%	0.0% #FBF8FF	RGB 251 248 255	#FBF8FF
16.7%	16.7% #ECEBF7	RGB 236 235 247	#ECEBF7
33.3%	33.3% #DDDEEF	RGB 221 222 239	#DDDEEF
50.0%	50.0% #CFD1E7	RGB 207 209 231	#CFD1E7
66.7%	66.7% #C0C4DF	RGB 192 196 223	#C0C4DF
83.3%	83.3% #B1B7D7	RGB 177 183 215	#B1B7D7
100.0%	100.0% #A3ABCF	RGB 163 171 207	#A3ABCF

#FBF8FF #ECEBF7 #DDDEEF #CFD1E7 #C0C4DF #B1B7D7 #A3ABCF

#FBF8FF - #A3ABCF

HSV Blend

#FBF8FF - #A3ABCF | 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 #FBF8FF as 0% and #A3ABCF as 100%.

0.0%	0.0% #FBF8FF	RGB 251 248 255	#FBF8FF
16.7%	16.7% #EDE8F7	RGB 237 232 247	#EDE8F7
33.3%	33.3% #DED9EF	RGB 222 217 239	#DED9EF
50.0%	50.0% #CECBE7	RGB 206 203 231	#CECBE7
66.7%	66.7% #BEBDDF	RGB 190 189 223	#BEBDDF
83.3%	83.3% #AFB3D7	RGB 175 179 215	#AFB3D7
100.0%	100.0% #A3ABCF	RGB 163 171 207	#A3ABCF

#FBF8FF #EDE8F7 #DED9EF #CECBE7 #BEBDDF #AFB3D7 #A3ABCF

#FBF8FF - #CECBE7 - #A3ABCF

CSS codes

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

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