#B5C2D7 - #E9EDF3 | 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 #B5C2D7 to #E9EDF3

#B5C2D7 #E9EDF3

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

#B5C2D7 - #E9EDF3 | 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 #B5C2D7 as 0% and #E9EDF3 as 100%.

0.0%	0.0% #B5C2D7	RGB 181 194 215	#B5C2D7
16.7%	16.7% #BDC9DB	RGB 189 201 219	#BDC9DB
33.3%	33.3% #C6D0E0	RGB 198 208 224	#C6D0E0
50.0%	50.0% #CFD7E5	RGB 207 215 229	#CFD7E5
66.7%	66.7% #D7DEE9	RGB 215 222 233	#D7DEE9
83.3%	83.3% #E0E5EE	RGB 224 229 238	#E0E5EE
100.0%	100.0% #E9EDF3	RGB 233 237 243	#E9EDF3

#B5C2D7 #BDC9DB #C6D0E0 #CFD7E5 #D7DEE9 #E0E5EE #E9EDF3

#B5C2D7 - #E9EDF3

HSV Blend

#B5C2D7 - #E9EDF3 | 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 #B5C2D7 as 0% and #E9EDF3 as 100%.

0.0%	0.0% #B5C2D7	RGB 181 194 215	#B5C2D7
16.7%	16.7% #BDC8DB	RGB 189 200 219	#BDC8DB
33.3%	33.3% #C5CFE0	RGB 197 207 224	#C5CFE0
50.0%	50.0% #CED7E5	RGB 206 215 229	#CED7E5
66.7%	66.7% #D6DEE9	RGB 214 222 233	#D6DEE9
83.3%	83.3% #DFE5EE	RGB 223 229 238	#DFE5EE
100.0%	100.0% #E9EDF3	RGB 233 237 243	#E9EDF3

#B5C2D7 #BDC8DB #C5CFE0 #CED7E5 #D6DEE9 #DFE5EE #E9EDF3

#B5C2D7 - #CED7E5 - #E9EDF3

CSS codes

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

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