#5280C7 - #A9C3D9 | colorate

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

Blend #5280C7 to #A9C3D9

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

RGB混合

#5280C7 - #A9C3D9 | colorate

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

0.0%	0.0% #5280C7	RGB 82 128 199	#5280C7
16.7%	16.7% #608BCA	RGB 96 139 202	#608BCA
33.3%	33.3% #6F96CD	RGB 111 150 205	#6F96CD
50.0%	50.0% #7DA1D0	RGB 125 161 208	#7DA1D0
66.7%	66.7% #8CACD3	RGB 140 172 211	#8CACD3
83.3%	83.3% #9AB7D6	RGB 154 183 214	#9AB7D6
100.0%	100.0% #A9C3D9	RGB 169 195 217	#A9C3D9

#5280C7 #608BCA #6F96CD #7DA1D0 #8CACD3 #9AB7D6 #A9C3D9

#5280C7 - #A9C3D9

HSV混合

#5280C7 - #A9C3D9 | colorate

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

0.0%	0.0% #5280C7	RGB 82 128 199	#5280C7
16.7%	16.7% #5F8CCA	RGB 95 140 202	#5F8CCA
33.3%	33.3% #6D97CD	RGB 109 151 205	#6D97CD
50.0%	50.0% #7BA3D0	RGB 123 163 208	#7BA3D0
66.7%	66.7% #8AAED3	RGB 138 174 211	#8AAED3
83.3%	83.3% #99B8D6	RGB 153 184 214	#99B8D6
100.0%	100.0% #A9C3D9	RGB 169 195 217	#A9C3D9

#5280C7 #5F8CCA #6D97CD #7BA3D0 #8AAED3 #99B8D6 #A9C3D9

#5280C7 - #7BA3D0 - #A9C3D9

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5280C7 0%, #7BA3D0 50%, #A9C3D9 100%);
    background: -webkit-linear-gradient(top, #5280C7 0%, #7BA3D0 50%, #A9C3D9 100%);
    background: linear-gradient(to bottom, #5280C7 0%, #7BA3D0 50%, #A9C3D9 100%);
}
</style>