#B5FEFF - #E9FEFF | 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 #B5FEFF to #E9FEFF

#B5FEFF #E9FEFF

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

#B5FEFF - #E9FEFF | 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 #B5FEFF as 0% and #E9FEFF as 100%.

0.0%	0.0% #B5FEFF	RGB 181 254 255	#B5FEFF
16.7%	16.7% #BDFEFF	RGB 189 254 255	#BDFEFF
33.3%	33.3% #C6FEFF	RGB 198 254 255	#C6FEFF
50.0%	50.0% #CFFEFF	RGB 207 254 255	#CFFEFF
66.7%	66.7% #D7FEFF	RGB 215 254 255	#D7FEFF
83.3%	83.3% #E0FEFF	RGB 224 254 255	#E0FEFF
100.0%	100.0% #E9FEFF	RGB 233 254 255	#E9FEFF

#B5FEFF #BDFEFF #C6FEFF #CFFEFF #D7FEFF #E0FEFF #E9FEFF

#B5FEFF - #E9FEFF

HSV Blend

#B5FEFF - #E9FEFF | 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 #B5FEFF as 0% and #E9FEFF as 100%.

0.0%	0.0% #B5FEFF	RGB 181 254 255	#B5FEFF
16.7%	16.7% #BDFDFF	RGB 189 253 255	#BDFDFF
33.3%	33.3% #C6FDFF	RGB 198 253 255	#C6FDFF
50.0%	50.0% #CFFDFF	RGB 207 253 255	#CFFDFF
66.7%	66.7% #D7FDFF	RGB 215 253 255	#D7FDFF
83.3%	83.3% #E0FDFF	RGB 224 253 255	#E0FDFF
100.0%	100.0% #E9FEFF	RGB 233 254 255	#E9FEFF

#B5FEFF #BDFDFF #C6FDFF #CFFDFF #D7FDFF #E0FDFF #E9FEFF

#B5FEFF - #CFFDFF - #E9FEFF

CSS codes

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

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