#DDDDDF - #819BA4 | colorate

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

Blend #DDDDDF to #819BA4

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

RGB混合

#DDDDDF - #819BA4 | colorate

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

0.0%	0.0% #DDDDDF	RGB 221 221 223	#DDDDDF
16.7%	16.7% #CDD2D5	RGB 205 210 213	#CDD2D5
33.3%	33.3% #BEC7CB	RGB 190 199 203	#BEC7CB
50.0%	50.0% #AFBCC1	RGB 175 188 193	#AFBCC1
66.7%	66.7% #9FB1B7	RGB 159 177 183	#9FB1B7
83.3%	83.3% #90A6AD	RGB 144 166 173	#90A6AD
100.0%	100.0% #819BA4	RGB 129 155 164	#819BA4

#DDDDDF #CDD2D5 #BEC7CB #AFBCC1 #9FB1B7 #90A6AD #819BA4

#DDDDDF - #819BA4

HSV混合

#DDDDDF - #819BA4 | colorate

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

0.0%	0.0% #DDDDDF	RGB 221 221 223	#DDDDDF
16.7%	16.7% #CBCDD5	RGB 203 205 213	#CBCDD5
33.3%	33.3% #BBBFCB	RGB 187 191 203	#BBBFCB
50.0%	50.0% #ABB3C1	RGB 171 179 193	#ABB3C1
66.7%	66.7% #9CAAB7	RGB 156 170 183	#9CAAB7
83.3%	83.3% #8EA1AD	RGB 142 161 173	#8EA1AD
100.0%	100.0% #819BA4	RGB 129 155 164	#819BA4

#DDDDDF #CBCDD5 #BBBFCB #ABB3C1 #9CAAB7 #8EA1AD #819BA4

#DDDDDF - #ABB3C1 - #819BA4

CSS代码

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

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