#8BBCFF - #DAD9F9 | 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 #8BBCFF to #DAD9F9

#8BBCFF #DAD9F9

Calculate the color between two colors, #8BBCFF and #DAD9F9. 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)

#8BBCFF - #DAD9F9 | 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 #8BBCFF as 0% and #DAD9F9 as 100%.

0.0%	0.0% #8BBCFF	RGB 139 188 255	#8BBCFF
16.7%	16.7% #98C0FE	RGB 152 192 254	#98C0FE
33.3%	33.3% #A5C5FD	RGB 165 197 253	#A5C5FD
50.0%	50.0% #B2CAFC	RGB 178 202 252	#B2CAFC
66.7%	66.7% #BFCFFB	RGB 191 207 251	#BFCFFB
83.3%	83.3% #CCD4FA	RGB 204 212 250	#CCD4FA
100.0%	100.0% #DAD9F9	RGB 218 217 249	#DAD9F9

#8BBCFF #98C0FE #A5C5FD #B2CAFC #BFCFFB #CCD4FA #DAD9F9

#8BBCFF - #DAD9F9

HSV Blend

#8BBCFF - #DAD9F9 | 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 #8BBCFF as 0% and #DAD9F9 as 100%.

0.0%	0.0% #8BBCFF	RGB 139 188 255	#8BBCFF
16.7%	16.7% #98BBFE	RGB 152 187 254	#98BBFE
33.3%	33.3% #A5BDFD	RGB 165 189 253	#A5BDFD
50.0%	50.0% #B2C0FC	RGB 178 192 252	#B2C0FC
66.7%	66.7% #BFC6FB	RGB 191 198 251	#BFC6FB
83.3%	83.3% #CCCEFA	RGB 204 206 250	#CCCEFA
100.0%	100.0% #DAD9F9	RGB 218 217 249	#DAD9F9

#8BBCFF #98BBFE #A5BDFD #B2C0FC #BFC6FB #CCCEFA #DAD9F9

#8BBCFF - #B2C0FC - #DAD9F9

CSS codes

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

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