#A8E5E6 - #559FB5 | colorate

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

Blend #A8E5E6 to #559FB5

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

RGB混合

#A8E5E6 - #559FB5 | colorate

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

0.0%	0.0% #A8E5E6	RGB 168 229 230	#A8E5E6
16.7%	16.7% #9AD9DD	RGB 154 217 221	#9AD9DD
33.3%	33.3% #8CCDD5	RGB 140 205 213	#8CCDD5
50.0%	50.0% #7EC2CD	RGB 126 194 205	#7EC2CD
66.7%	66.7% #70B6C5	RGB 112 182 197	#70B6C5
83.3%	83.3% #62AABD	RGB 98 170 189	#62AABD
100.0%	100.0% #559FB5	RGB 85 159 181	#559FB5

#A8E5E6 #9AD9DD #8CCDD5 #7EC2CD #70B6C5 #62AABD #559FB5

#A8E5E6 - #559FB5

HSV混合

#A8E5E6 - #559FB5 | colorate

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

0.0%	0.0% #A8E5E6	RGB 168 229 230	#A8E5E6
16.7%	16.7% #98DADD	RGB 152 218 221	#98DADD
33.3%	33.3% #89CFD5	RGB 137 207 213	#89CFD5
50.0%	50.0% #7BC3CD	RGB 123 195 205	#7BC3CD
66.7%	66.7% #6DB7C5	RGB 109 183 197	#6DB7C5
83.3%	83.3% #61ABBD	RGB 97 171 189	#61ABBD
100.0%	100.0% #559FB5	RGB 85 159 181	#559FB5

#A8E5E6 #98DADD #89CFD5 #7BC3CD #6DB7C5 #61ABBD #559FB5

#A8E5E6 - #7BC3CD - #559FB5

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8E5E6 0%, #7BC3CD 50%, #559FB5 100%);
    background: -webkit-linear-gradient(top, #A8E5E6 0%, #7BC3CD 50%, #559FB5 100%);
    background: linear-gradient(to bottom, #A8E5E6 0%, #7BC3CD 50%, #559FB5 100%);
}
</style>