#8BBCFF - #DBD9F9 | colorate

这是设计师和开发人员的着色工具。这将帮助您绘制灵感，并作为您的色彩工作的资源。使这个网站更好

Blend #8BBCFF to #DBD9F9

计算两种颜色#8BBCFF和#DBD9F9之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#8BBCFF - #DBD9F9 | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#8BBCFF的两种颜色之间的颜色扩展为0％，将#DBD9F9扩展为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% #B3CAFC	RGB 179 202 252	#B3CAFC
66.7%	66.7% #C0CFFB	RGB 192 207 251	#C0CFFB
83.3%	83.3% #CDD4FA	RGB 205 212 250	#CDD4FA
100.0%	100.0% #DBD9F9	RGB 219 217 249	#DBD9F9

#8BBCFF #98C0FE #A5C5FD #B3CAFC #C0CFFB #CDD4FA #DBD9F9

#8BBCFF - #DBD9F9

HSV混合

#8BBCFF - #DBD9F9 | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#8BBCFF的两种颜色之间的颜色扩展为0％，将#DBD9F9扩展为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% #A5BCFD	RGB 165 188 253	#A5BCFD
50.0%	50.0% #B2BFFC	RGB 178 191 252	#B2BFFC
66.7%	66.7% #BFC5FB	RGB 191 197 251	#BFC5FB
83.3%	83.3% #CCCDFA	RGB 204 205 250	#CCCDFA
100.0%	100.0% #DBD9F9	RGB 219 217 249	#DBD9F9

#8BBCFF #98BBFE #A5BCFD #B2BFFC #BFC5FB #CCCDFA #DBD9F9

#8BBCFF - #B2BFFC - #DBD9F9

CSS代码

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

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