#DCDFEC - #8EA1CC | colorate

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

Blend #DCDFEC to #8EA1CC

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

RGB混合

#DCDFEC - #8EA1CC | colorate

基于RGB值计算两种颜色之间的颜色。对于彼此远离的颜色，两种颜色之间的饱和度降低。将#DCDFEC的两种颜色之间的颜色扩展为0％，将#8EA1CC扩展为100％。

0.0%	0.0% #DCDFEC	RGB 220 223 236	#DCDFEC
16.7%	16.7% #CFD4E6	RGB 207 212 230	#CFD4E6
33.3%	33.3% #C2CAE1	RGB 194 202 225	#C2CAE1
50.0%	50.0% #B5C0DC	RGB 181 192 220	#B5C0DC
66.7%	66.7% #A8B5D6	RGB 168 181 214	#A8B5D6
83.3%	83.3% #9BABD1	RGB 155 171 209	#9BABD1
100.0%	100.0% #8EA1CC	RGB 142 161 204	#8EA1CC

#DCDFEC #CFD4E6 #C2CAE1 #B5C0DC #A8B5D6 #9BABD1 #8EA1CC

#DCDFEC - #8EA1CC

HSV混合

#DCDFEC - #8EA1CC | colorate

基于HSV值计算两种颜色之间的颜色。即使在不同颜色的颜色之间，两种颜色之间的饱和度也不会降低。将#DCDFEC的两种颜色之间的颜色扩展为0％，将#8EA1CC扩展为100％。

0.0%	0.0% #DCDFEC	RGB 220 223 236	#DCDFEC
16.7%	16.7% #CDD3E6	RGB 205 211 230	#CDD3E6
33.3%	33.3% #C0C7E1	RGB 192 199 225	#C0C7E1
50.0%	50.0% #B3BDDC	RGB 179 189 220	#B3BDDC
66.7%	66.7% #A6B3D6	RGB 166 179 214	#A6B3D6
83.3%	83.3% #99A9D1	RGB 153 169 209	#99A9D1
100.0%	100.0% #8EA1CC	RGB 142 161 204	#8EA1CC

#DCDFEC #CDD3E6 #C0C7E1 #B3BDDC #A6B3D6 #99A9D1 #8EA1CC

#DCDFEC - #B3BDDC - #8EA1CC

CSS代码

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

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