#A8D9EB - #508FBA | colorate

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

Blend #A8D9EB to #508FBA

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

RGB混合

#A8D9EB - #508FBA | colorate

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

0.0%	0.0% #A8D9EB	RGB 168 217 235	#A8D9EB
16.7%	16.7% #99CCE2	RGB 153 204 226	#99CCE2
33.3%	33.3% #8AC0DA	RGB 138 192 218	#8AC0DA
50.0%	50.0% #7CB4D2	RGB 124 180 210	#7CB4D2
66.7%	66.7% #6DA7CA	RGB 109 167 202	#6DA7CA
83.3%	83.3% #5E9BC2	RGB 94 155 194	#5E9BC2
100.0%	100.0% #508FBA	RGB 80 143 186	#508FBA

#A8D9EB #99CCE2 #8AC0DA #7CB4D2 #6DA7CA #5E9BC2 #508FBA

#A8D9EB - #508FBA

HSV混合

#A8D9EB - #508FBA | colorate

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

0.0%	0.0% #A8D9EB	RGB 168 217 235	#A8D9EB
16.7%	16.7% #97CCE2	RGB 151 204 226	#97CCE2
33.3%	33.3% #87C0DA	RGB 135 192 218	#87C0DA
50.0%	50.0% #78B4D2	RGB 120 180 210	#78B4D2
66.7%	66.7% #6AA7CA	RGB 106 167 202	#6AA7CA
83.3%	83.3% #5C9BC2	RGB 92 155 194	#5C9BC2
100.0%	100.0% #508FBA	RGB 80 143 186	#508FBA

#A8D9EB #97CCE2 #87C0DA #78B4D2 #6AA7CA #5C9BC2 #508FBA

#A8D9EB - #78B4D2 - #508FBA

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8D9EB 0%, #78B4D2 50%, #508FBA 100%);
    background: -webkit-linear-gradient(top, #A8D9EB 0%, #78B4D2 50%, #508FBA 100%);
    background: linear-gradient(to bottom, #A8D9EB 0%, #78B4D2 50%, #508FBA 100%);
}
</style>