#E6F4FD - #8BA1D7 | 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 #E6F4FD to #8BA1D7

#E6F4FD #8BA1D7

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

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

0.0%	0.0% #E6F4FD	RGB 230 244 253	#E6F4FD
16.7%	16.7% #D6E6F6	RGB 214 230 246	#D6E6F6
33.3%	33.3% #C7D8F0	RGB 199 216 240	#C7D8F0
50.0%	50.0% #B8CAEA	RGB 184 202 234	#B8CAEA
66.7%	66.7% #A9BCE3	RGB 169 188 227	#A9BCE3
83.3%	83.3% #9AAEDD	RGB 154 174 221	#9AAEDD
100.0%	100.0% #8BA1D7	RGB 139 161 215	#8BA1D7

#E6F4FD #D6E6F6 #C7D8F0 #B8CAEA #A9BCE3 #9AAEDD #8BA1D7

#E6F4FD - #8BA1D7

HSV Blend

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

0.0%	0.0% #E6F4FD	RGB 230 244 253	#E6F4FD
16.7%	16.7% #D5E7F6	RGB 213 231 246	#D5E7F6
33.3%	33.3% #C5DAF0	RGB 197 218 240	#C5DAF0
50.0%	50.0% #B6CDEA	RGB 182 205 234	#B6CDEA
66.7%	66.7% #A7BFE3	RGB 167 191 227	#A7BFE3
83.3%	83.3% #98B0DD	RGB 152 176 221	#98B0DD
100.0%	100.0% #8BA1D7	RGB 139 161 215	#8BA1D7

#E6F4FD #D5E7F6 #C5DAF0 #B6CDEA #A7BFE3 #98B0DD #8BA1D7

#E6F4FD - #B6CDEA - #8BA1D7

CSS codes

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

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