#8FA7D2 - #2B5E8C | colorate

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

Blend #8FA7D2 to #2B5E8C

计算两种颜色#8FA7D2和#2B5E8C之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#8FA7D2 - #2B5E8C | colorate

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

0.0%	0.0% #8FA7D2	RGB 143 167 210	#8FA7D2
16.7%	16.7% #7E9AC6	RGB 126 154 198	#7E9AC6
33.3%	33.3% #6D8EBA	RGB 109 142 186	#6D8EBA
50.0%	50.0% #5D82AF	RGB 93 130 175	#5D82AF
66.7%	66.7% #4C76A3	RGB 76 118 163	#4C76A3
83.3%	83.3% #3B6A97	RGB 59 106 151	#3B6A97
100.0%	100.0% #2B5E8C	RGB 43 94 140	#2B5E8C

#8FA7D2 #7E9AC6 #6D8EBA #5D82AF #4C76A3 #3B6A97 #2B5E8C

#8FA7D2 - #2B5E8C

HSV混合

#8FA7D2 - #2B5E8C | colorate

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

0.0%	0.0% #8FA7D2	RGB 143 167 210	#8FA7D2
16.7%	16.7% #7A97C6	RGB 122 151 198	#7A97C6
33.3%	33.3% #678ABA	RGB 103 138 186	#678ABA
50.0%	50.0% #567DAF	RGB 86 125 175	#567DAF
66.7%	66.7% #4672A3	RGB 70 114 163	#4672A3
83.3%	83.3% #386797	RGB 56 103 151	#386797
100.0%	100.0% #2B5E8C	RGB 43 94 140	#2B5E8C

#8FA7D2 #7A97C6 #678ABA #567DAF #4672A3 #386797 #2B5E8C

#8FA7D2 - #567DAF - #2B5E8C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8FA7D2 0%, #567DAF 50%, #2B5E8C 100%);
    background: -webkit-linear-gradient(top, #8FA7D2 0%, #567DAF 50%, #2B5E8C 100%);
    background: linear-gradient(to bottom, #8FA7D2 0%, #567DAF 50%, #2B5E8C 100%);
}
</style>