#B5B9ED - #C0FFF0 | 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 #B5B9ED to #C0FFF0

#B5B9ED #C0FFF0

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

#B5B9ED - #C0FFF0 | 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 #B5B9ED as 0% and #C0FFF0 as 100%.

0.0%	0.0% #B5B9ED	RGB 181 185 237	#B5B9ED
16.7%	16.7% #B6C4ED	RGB 182 196 237	#B6C4ED
33.3%	33.3% #B8D0EE	RGB 184 208 238	#B8D0EE
50.0%	50.0% #BADCEE	RGB 186 220 238	#BADCEE
66.7%	66.7% #BCE7EF	RGB 188 231 239	#BCE7EF
83.3%	83.3% #BEF3EF	RGB 190 243 239	#BEF3EF
100.0%	100.0% #C0FFF0	RGB 192 255 240	#C0FFF0

#B5B9ED #B6C4ED #B8D0EE #BADCEE #BCE7EF #BEF3EF #C0FFF0

#B5B9ED - #C0FFF0

HSV Blend

#B5B9ED - #C0FFF0 | 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 #B5B9ED as 0% and #C0FFF0 as 100%.

0.0%	0.0% #B5B9ED	RGB 181 185 237	#B5B9ED
16.7%	16.7% #B6C6F0	RGB 182 198 240	#B6C6F0
33.3%	33.3% #B8D3F3	RGB 184 211 243	#B8D3F3
50.0%	50.0% #BAE1F6	RGB 186 225 246	#BAE1F6
66.7%	66.7% #BCEFF9	RGB 188 239 249	#BCEFF9
83.3%	83.3% #BEFCF9	RGB 190 252 249	#BEFCF9
100.0%	100.0% #C0FFF0	RGB 192 255 240	#C0FFF0

#B5B9ED #B6C6F0 #B8D3F3 #BAE1F6 #BCEFF9 #BEFCF9 #C0FFF0

#B5B9ED - #BAE1F6 - #C0FFF0

CSS codes

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

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