#A8CCF1 - #5190DF | colorate

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

Blend #A8CCF1 to #5190DF

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

RGB混合

#A8CCF1 - #5190DF | colorate

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

0.0%	0.0% #A8CCF1	RGB 168 204 241	#A8CCF1
16.7%	16.7% #99C2EE	RGB 153 194 238	#99C2EE
33.3%	33.3% #8BB8EB	RGB 139 184 235	#8BB8EB
50.0%	50.0% #7CAEE8	RGB 124 174 232	#7CAEE8
66.7%	66.7% #6EA4E5	RGB 110 164 229	#6EA4E5
83.3%	83.3% #5F9AE2	RGB 95 154 226	#5F9AE2
100.0%	100.0% #5190DF	RGB 81 144 223	#5190DF

#A8CCF1 #99C2EE #8BB8EB #7CAEE8 #6EA4E5 #5F9AE2 #5190DF

#A8CCF1 - #5190DF

HSV混合

#A8CCF1 - #5190DF | colorate

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

0.0%	0.0% #A8CCF1	RGB 168 204 241	#A8CCF1
16.7%	16.7% #98C2EE	RGB 152 194 238	#98C2EE
33.3%	33.3% #89B8EB	RGB 137 184 235	#89B8EB
50.0%	50.0% #7AAEE8	RGB 122 174 232	#7AAEE8
66.7%	66.7% #6CA4E5	RGB 108 164 229	#6CA4E5
83.3%	83.3% #5E9AE2	RGB 94 154 226	#5E9AE2
100.0%	100.0% #5190DF	RGB 81 144 223	#5190DF

#A8CCF1 #98C2EE #89B8EB #7AAEE8 #6CA4E5 #5E9AE2 #5190DF

#A8CCF1 - #7AAEE8 - #5190DF

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8CCF1 0%, #7AAEE8 50%, #5190DF 100%);
    background: -webkit-linear-gradient(top, #A8CCF1 0%, #7AAEE8 50%, #5190DF 100%);
    background: linear-gradient(to bottom, #A8CCF1 0%, #7AAEE8 50%, #5190DF 100%);
}
</style>