#B9FCFF - #D0FFDB | 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 #B9FCFF to #D0FFDB

#B9FCFF #D0FFDB

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

#B9FCFF - #D0FFDB | 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 #B9FCFF as 0% and #D0FFDB as 100%.

0.0%	0.0% #B9FCFF	RGB 185 252 255	#B9FCFF
16.7%	16.7% #BCFCF9	RGB 188 252 249	#BCFCF9
33.3%	33.3% #C0FDF3	RGB 192 253 243	#C0FDF3
50.0%	50.0% #C4FDED	RGB 196 253 237	#C4FDED
66.7%	66.7% #C8FEE7	RGB 200 254 231	#C8FEE7
83.3%	83.3% #CCFEE1	RGB 204 254 225	#CCFEE1
100.0%	100.0% #D0FFDB	RGB 208 255 219	#D0FFDB

#B9FCFF #BCFCF9 #C0FDF3 #C4FDED #C8FEE7 #CCFEE1 #D0FFDB

#B9FCFF - #D0FFDB

HSV Blend

#B9FCFF - #D0FFDB | 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 #B9FCFF as 0% and #D0FFDB as 100%.

0.0%	0.0% #B9FCFF	RGB 185 252 255	#B9FCFF
16.7%	16.7% #BCFFF8	RGB 188 255 248	#BCFFF8
33.3%	33.3% #C0FFF0	RGB 192 255 240	#C0FFF0
50.0%	50.0% #C4FFE9	RGB 196 255 233	#C4FFE9
66.7%	66.7% #C8FFE3	RGB 200 255 227	#C8FFE3
83.3%	83.3% #CCFFDE	RGB 204 255 222	#CCFFDE
100.0%	100.0% #D0FFDB	RGB 208 255 219	#D0FFDB

#B9FCFF #BCFFF8 #C0FFF0 #C4FFE9 #C8FFE3 #CCFFDE #D0FFDB

#B9FCFF - #C4FFE9 - #D0FFDB

CSS codes

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

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