#B5C0CB - #E9EDF0 | 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 #B5C0CB to #E9EDF0

#B5C0CB #E9EDF0

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

#B5C0CB - #E9EDF0 | 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 #B5C0CB as 0% and #E9EDF0 as 100%.

0.0%	0.0% #B5C0CB	RGB 181 192 203	#B5C0CB
16.7%	16.7% #BDC7D1	RGB 189 199 209	#BDC7D1
33.3%	33.3% #C6CFD7	RGB 198 207 215	#C6CFD7
50.0%	50.0% #CFD6DD	RGB 207 214 221	#CFD6DD
66.7%	66.7% #D7DEE3	RGB 215 222 227	#D7DEE3
83.3%	83.3% #E0E5E9	RGB 224 229 233	#E0E5E9
100.0%	100.0% #E9EDF0	RGB 233 237 240	#E9EDF0

#B5C0CB #BDC7D1 #C6CFD7 #CFD6DD #D7DEE3 #E0E5E9 #E9EDF0

#B5C0CB - #E9EDF0

HSV Blend

#B5C0CB - #E9EDF0 | 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 #B5C0CB as 0% and #E9EDF0 as 100%.

0.0%	0.0% #B5C0CB	RGB 181 192 203	#B5C0CB
16.7%	16.7% #BDC7D1	RGB 189 199 209	#BDC7D1
33.3%	33.3% #C5CED7	RGB 197 206 215	#C5CED7
50.0%	50.0% #CED6DD	RGB 206 214 221	#CED6DD
66.7%	66.7% #D7DDE3	RGB 215 221 227	#D7DDE3
83.3%	83.3% #DFE5E9	RGB 223 229 233	#DFE5E9
100.0%	100.0% #E9EDF0	RGB 233 237 240	#E9EDF0

#B5C0CB #BDC7D1 #C5CED7 #CED6DD #D7DDE3 #DFE5E9 #E9EDF0

#B5C0CB - #CED6DD - #E9EDF0

CSS codes

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

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