#B5DEFA - #C8F0EB | 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 #B5DEFA to #C8F0EB

#B5DEFA #C8F0EB

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

#B5DEFA - #C8F0EB | 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 #B5DEFA as 0% and #C8F0EB as 100%.

0.0%	0.0% #B5DEFA	RGB 181 222 250	#B5DEFA
16.7%	16.7% #B8E1F7	RGB 184 225 247	#B8E1F7
33.3%	33.3% #BBE4F5	RGB 187 228 245	#BBE4F5
50.0%	50.0% #BEE7F2	RGB 190 231 242	#BEE7F2
66.7%	66.7% #C1EAF0	RGB 193 234 240	#C1EAF0
83.3%	83.3% #C4EDED	RGB 196 237 237	#C4EDED
100.0%	100.0% #C8F0EB	RGB 200 240 235	#C8F0EB

#B5DEFA #B8E1F7 #BBE4F5 #BEE7F2 #C1EAF0 #C4EDED #C8F0EB

#B5DEFA - #C8F0EB

HSV Blend

#B5DEFA - #C8F0EB | 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 #B5DEFA as 0% and #C8F0EB as 100%.

0.0%	0.0% #B5DEFA	RGB 181 222 250	#B5DEFA
16.7%	16.7% #B8E4F8	RGB 184 228 248	#B8E4F8
33.3%	33.3% #BBE9F6	RGB 187 233 246	#BBE9F6
50.0%	50.0% #BEEDF5	RGB 190 237 245	#BEEDF5
66.7%	66.7% #C1F0F3	RGB 193 240 243	#C1F0F3
83.3%	83.3% #C4F1F0	RGB 196 241 240	#C4F1F0
100.0%	100.0% #C8F0EB	RGB 200 240 235	#C8F0EB

#B5DEFA #B8E4F8 #BBE9F6 #BEEDF5 #C1F0F3 #C4F1F0 #C8F0EB

#B5DEFA - #BEEDF5 - #C8F0EB

CSS codes

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

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