#B5C0E2 - #E9EBF6 | 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 #B5C0E2 to #E9EBF6

#B5C0E2 #E9EBF6

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

#B5C0E2 - #E9EBF6 | 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 #B5C0E2 as 0% and #E9EBF6 as 100%.

0.0%	0.0% #B5C0E2	RGB 181 192 226	#B5C0E2
16.7%	16.7% #BDC7E5	RGB 189 199 229	#BDC7E5
33.3%	33.3% #C6CEE8	RGB 198 206 232	#C6CEE8
50.0%	50.0% #CFD5EC	RGB 207 213 236	#CFD5EC
66.7%	66.7% #D7DCEF	RGB 215 220 239	#D7DCEF
83.3%	83.3% #E0E3F2	RGB 224 227 242	#E0E3F2
100.0%	100.0% #E9EBF6	RGB 233 235 246	#E9EBF6

#B5C0E2 #BDC7E5 #C6CEE8 #CFD5EC #D7DCEF #E0E3F2 #E9EBF6

#B5C0E2 - #E9EBF6

HSV Blend

#B5C0E2 - #E9EBF6 | 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 #B5C0E2 as 0% and #E9EBF6 as 100%.

0.0%	0.0% #B5C0E2	RGB 181 192 226	#B5C0E2
16.7%	16.7% #BDC6E5	RGB 189 198 229	#BDC6E5
33.3%	33.3% #C5CDE8	RGB 197 205 232	#C5CDE8
50.0%	50.0% #CED4EC	RGB 206 212 236	#CED4EC
66.7%	66.7% #D7DBEF	RGB 215 219 239	#D7DBEF
83.3%	83.3% #DFE3F2	RGB 223 227 242	#DFE3F2
100.0%	100.0% #E9EBF6	RGB 233 235 246	#E9EBF6

#B5C0E2 #BDC6E5 #C5CDE8 #CED4EC #D7DBEF #DFE3F2 #E9EBF6

#B5C0E2 - #CED4EC - #E9EBF6

CSS codes

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

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