#B5D1DF - #E9F1F5 | 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 #B5D1DF to #E9F1F5

#B5D1DF #E9F1F5

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

#B5D1DF - #E9F1F5 | 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 #B5D1DF as 0% and #E9F1F5 as 100%.

0.0%	0.0% #B5D1DF	RGB 181 209 223	#B5D1DF
16.7%	16.7% #BDD6E2	RGB 189 214 226	#BDD6E2
33.3%	33.3% #C6DBE6	RGB 198 219 230	#C6DBE6
50.0%	50.0% #CFE1EA	RGB 207 225 234	#CFE1EA
66.7%	66.7% #D7E6ED	RGB 215 230 237	#D7E6ED
83.3%	83.3% #E0EBF1	RGB 224 235 241	#E0EBF1
100.0%	100.0% #E9F1F5	RGB 233 241 245	#E9F1F5

#B5D1DF #BDD6E2 #C6DBE6 #CFE1EA #D7E6ED #E0EBF1 #E9F1F5

#B5D1DF - #E9F1F5

HSV Blend

#B5D1DF - #E9F1F5 | 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 #B5D1DF as 0% and #E9F1F5 as 100%.

0.0%	0.0% #B5D1DF	RGB 181 209 223	#B5D1DF
16.7%	16.7% #BDD6E2	RGB 189 214 226	#BDD6E2
33.3%	33.3% #C5DBE6	RGB 197 219 230	#C5DBE6
50.0%	50.0% #CEE0EA	RGB 206 224 234	#CEE0EA
66.7%	66.7% #D6E6ED	RGB 214 230 237	#D6E6ED
83.3%	83.3% #DFEBF1	RGB 223 235 241	#DFEBF1
100.0%	100.0% #E9F1F5	RGB 233 241 245	#E9F1F5

#B5D1DF #BDD6E2 #C5DBE6 #CEE0EA #D6E6ED #DFEBF1 #E9F1F5

#B5D1DF - #CEE0EA - #E9F1F5

CSS codes

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

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