#CADDE5 - #5E9CB8 | colorate

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

Blend #CADDE5 to #5E9CB8

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

RGB混合

#CADDE5 - #5E9CB8 | colorate

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

0.0%	0.0% #CADDE5	RGB 202 221 229	#CADDE5
16.7%	16.7% #B8D2DD	RGB 184 210 221	#B8D2DD
33.3%	33.3% #A6C7D6	RGB 166 199 214	#A6C7D6
50.0%	50.0% #94BCCE	RGB 148 188 206	#94BCCE
66.7%	66.7% #82B1C7	RGB 130 177 199	#82B1C7
83.3%	83.3% #70A6BF	RGB 112 166 191	#70A6BF
100.0%	100.0% #5E9CB8	RGB 94 156 184	#5E9CB8

#CADDE5 #B8D2DD #A6C7D6 #94BCCE #82B1C7 #70A6BF #5E9CB8

#CADDE5 - #5E9CB8

HSV混合

#CADDE5 - #5E9CB8 | colorate

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

0.0%	0.0% #CADDE5	RGB 202 221 229	#CADDE5
16.7%	16.7% #B5D1DD	RGB 181 209 221	#B5D1DD
33.3%	33.3% #A2C6D6	RGB 162 198 214	#A2C6D6
50.0%	50.0% #8FBBCE	RGB 143 187 206	#8FBBCE
66.7%	66.7% #7EB0C7	RGB 126 176 199	#7EB0C7
83.3%	83.3% #6DA6BF	RGB 109 166 191	#6DA6BF
100.0%	100.0% #5E9CB8	RGB 94 156 184	#5E9CB8

#CADDE5 #B5D1DD #A2C6D6 #8FBBCE #7EB0C7 #6DA6BF #5E9CB8

#CADDE5 - #8FBBCE - #5E9CB8

CSS代码

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

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