#CDD5E5 - #738BAD | colorate

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

Blend #CDD5E5 to #738BAD

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

RGB混合

#CDD5E5 - #738BAD | colorate

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

0.0%	0.0% #CDD5E5	RGB 205 213 229	#CDD5E5
16.7%	16.7% #BEC8DB	RGB 190 200 219	#BEC8DB
33.3%	33.3% #AFBCD2	RGB 175 188 210	#AFBCD2
50.0%	50.0% #A0B0C9	RGB 160 176 201	#A0B0C9
66.7%	66.7% #91A3BF	RGB 145 163 191	#91A3BF
83.3%	83.3% #8297B6	RGB 130 151 182	#8297B6
100.0%	100.0% #738BAD	RGB 115 139 173	#738BAD

#CDD5E5 #BEC8DB #AFBCD2 #A0B0C9 #91A3BF #8297B6 #738BAD

#CDD5E5 - #738BAD

HSV混合

#CDD5E5 - #738BAD | colorate

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

0.0%	0.0% #CDD5E5	RGB 205 213 229	#CDD5E5
16.7%	16.7% #BCC7DB	RGB 188 199 219	#BCC7DB
33.3%	33.3% #ACB9D2	RGB 172 185 210	#ACB9D2
50.0%	50.0% #9CADC9	RGB 156 173 201	#9CADC9
66.7%	66.7% #8EA1BF	RGB 142 161 191	#8EA1BF
83.3%	83.3% #8095B6	RGB 128 149 182	#8095B6
100.0%	100.0% #738BAD	RGB 115 139 173	#738BAD

#CDD5E5 #BCC7DB #ACB9D2 #9CADC9 #8EA1BF #8095B6 #738BAD

#CDD5E5 - #9CADC9 - #738BAD

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDD5E5 0%, #9CADC9 50%, #738BAD 100%);
    background: -webkit-linear-gradient(top, #CDD5E5 0%, #9CADC9 50%, #738BAD 100%);
    background: linear-gradient(to bottom, #CDD5E5 0%, #9CADC9 50%, #738BAD 100%);
}
</style>