#B5C3E9 - #E9EDF8 | 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 #B5C3E9 to #E9EDF8

#B5C3E9 #E9EDF8

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

#B5C3E9 - #E9EDF8 | 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 #B5C3E9 as 0% and #E9EDF8 as 100%.

0.0%	0.0% #B5C3E9	RGB 181 195 233	#B5C3E9
16.7%	16.7% #BDCAEB	RGB 189 202 235	#BDCAEB
33.3%	33.3% #C6D1EE	RGB 198 209 238	#C6D1EE
50.0%	50.0% #CFD8F0	RGB 207 216 240	#CFD8F0
66.7%	66.7% #D7DFF3	RGB 215 223 243	#D7DFF3
83.3%	83.3% #E0E6F5	RGB 224 230 245	#E0E6F5
100.0%	100.0% #E9EDF8	RGB 233 237 248	#E9EDF8

#B5C3E9 #BDCAEB #C6D1EE #CFD8F0 #D7DFF3 #E0E6F5 #E9EDF8

#B5C3E9 - #E9EDF8

HSV Blend

#B5C3E9 - #E9EDF8 | 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 #B5C3E9 as 0% and #E9EDF8 as 100%.

0.0%	0.0% #B5C3E9	RGB 181 195 233	#B5C3E9
16.7%	16.7% #BDC9EB	RGB 189 201 235	#BDC9EB
33.3%	33.3% #C5D0EE	RGB 197 208 238	#C5D0EE
50.0%	50.0% #CED7F0	RGB 206 215 240	#CED7F0
66.7%	66.7% #D7DEF3	RGB 215 222 243	#D7DEF3
83.3%	83.3% #DFE5F5	RGB 223 229 245	#DFE5F5
100.0%	100.0% #E9EDF8	RGB 233 237 248	#E9EDF8

#B5C3E9 #BDC9EB #C5D0EE #CED7F0 #D7DEF3 #DFE5F5 #E9EDF8

#B5C3E9 - #CED7F0 - #E9EDF8

CSS codes

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

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