#B5DAFF - #DFE5F0 | 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 #B5DAFF to #DFE5F0

#B5DAFF #DFE5F0

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

#B5DAFF - #DFE5F0 | 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 #B5DAFF as 0% and #DFE5F0 as 100%.

0.0%	0.0% #B5DAFF	RGB 181 218 255	#B5DAFF
16.7%	16.7% #BCDBFC	RGB 188 219 252	#BCDBFC
33.3%	33.3% #C3DDFA	RGB 195 221 250	#C3DDFA
50.0%	50.0% #CADFF7	RGB 202 223 247	#CADFF7
66.7%	66.7% #D1E1F5	RGB 209 225 245	#D1E1F5
83.3%	83.3% #D8E3F2	RGB 216 227 242	#D8E3F2
100.0%	100.0% #DFE5F0	RGB 223 229 240	#DFE5F0

#B5DAFF #BCDBFC #C3DDFA #CADFF7 #D1E1F5 #D8E3F2 #DFE5F0

#B5DAFF - #DFE5F0

HSV Blend

#B5DAFF - #DFE5F0 | 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 #B5DAFF as 0% and #DFE5F0 as 100%.

0.0%	0.0% #B5DAFF	RGB 181 218 255	#B5DAFF
16.7%	16.7% #BCDAFC	RGB 188 218 252	#BCDAFC
33.3%	33.3% #C3DCFA	RGB 195 220 250	#C3DCFA
50.0%	50.0% #CADDF7	RGB 202 221 247	#CADDF7
66.7%	66.7% #D1DFF5	RGB 209 223 245	#D1DFF5
83.3%	83.3% #D8E2F2	RGB 216 226 242	#D8E2F2
100.0%	100.0% #DFE5F0	RGB 223 229 240	#DFE5F0

#B5DAFF #BCDAFC #C3DCFA #CADDF7 #D1DFF5 #D8E2F2 #DFE5F0

#B5DAFF - #CADDF7 - #DFE5F0

CSS codes

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

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