#B5C0E7 - #FBF1FC | 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 #B5C0E7 to #FBF1FC

#B5C0E7 #FBF1FC

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

#B5C0E7 - #FBF1FC | 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 #B5C0E7 as 0% and #FBF1FC as 100%.

0.0%	0.0% #B5C0E7	RGB 181 192 231	#B5C0E7
16.7%	16.7% #C0C8EA	RGB 192 200 234	#C0C8EA
33.3%	33.3% #CCD0EE	RGB 204 208 238	#CCD0EE
50.0%	50.0% #D8D8F1	RGB 216 216 241	#D8D8F1
66.7%	66.7% #E3E0F5	RGB 227 224 245	#E3E0F5
83.3%	83.3% #EFE8F8	RGB 239 232 248	#EFE8F8
100.0%	100.0% #FBF1FC	RGB 251 241 252	#FBF1FC

#B5C0E7 #C0C8EA #CCD0EE #D8D8F1 #E3E0F5 #EFE8F8 #FBF1FC

#B5C0E7 - #FBF1FC

HSV Blend

#B5C0E7 - #FBF1FC | 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 #B5C0E7 as 0% and #FBF1FC as 100%.

0.0%	0.0% #B5C0E7	RGB 181 192 231	#B5C0E7
16.7%	16.7% #BEBFEA	RGB 190 191 234	#BEBFEA
33.3%	33.3% #CEC8EE	RGB 206 200 238	#CEC8EE
50.0%	50.0% #DCD2F1	RGB 220 210 241	#DCD2F1
66.7%	66.7% #E9DCF5	RGB 233 220 245	#E9DCF5
83.3%	83.3% #F3E6F8	RGB 243 230 248	#F3E6F8
100.0%	100.0% #FBF1FC	RGB 251 241 252	#FBF1FC

#B5C0E7 #BEBFEA #CEC8EE #DCD2F1 #E9DCF5 #F3E6F8 #FBF1FC

#B5C0E7 - #DCD2F1 - #FBF1FC

CSS codes

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

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