#DCDFED - #819AB8 | colorate

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

Blend #DCDFED to #819AB8

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

RGB混合

#DCDFED - #819AB8 | colorate

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

0.0%	0.0% #DCDFED	RGB 220 223 237	#DCDFED
16.7%	16.7% #CCD3E4	RGB 204 211 228	#CCD3E4
33.3%	33.3% #BDC8DB	RGB 189 200 219	#BDC8DB
50.0%	50.0% #AEBCD2	RGB 174 188 210	#AEBCD2
66.7%	66.7% #9FB1C9	RGB 159 177 201	#9FB1C9
83.3%	83.3% #90A5C0	RGB 144 165 192	#90A5C0
100.0%	100.0% #819AB8	RGB 129 154 184	#819AB8

#DCDFED #CCD3E4 #BDC8DB #AEBCD2 #9FB1C9 #90A5C0 #819AB8

#DCDFED - #819AB8

HSV混合

#DCDFED - #819AB8 | colorate

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

0.0%	0.0% #DCDFED	RGB 220 223 237	#DCDFED
16.7%	16.7% #CBD0E4	RGB 203 208 228	#CBD0E4
33.3%	33.3% #BAC3DB	RGB 186 195 219	#BAC3DB
50.0%	50.0% #ABB7D2	RGB 171 183 210	#ABB7D2
66.7%	66.7% #9CACC9	RGB 156 172 201	#9CACC9
83.3%	83.3% #8EA3C0	RGB 142 163 192	#8EA3C0
100.0%	100.0% #819AB8	RGB 129 154 184	#819AB8

#DCDFED #CBD0E4 #BAC3DB #ABB7D2 #9CACC9 #8EA3C0 #819AB8

#DCDFED - #ABB7D2 - #819AB8

CSS代码

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

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