#8DAEC2 - #3F5E7E | colorate

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

Blend #8DAEC2 to #3F5E7E

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

RGB混合

#8DAEC2 - #3F5E7E | colorate

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

0.0%	0.0% #8DAEC2	RGB 141 174 194	#8DAEC2
16.7%	16.7% #80A0B6	RGB 128 160 182	#80A0B6
33.3%	33.3% #7393AB	RGB 115 147 171	#7393AB
50.0%	50.0% #6686A0	RGB 102 134 160	#6686A0
66.7%	66.7% #597894	RGB 89 120 148	#597894
83.3%	83.3% #4C6B89	RGB 76 107 137	#4C6B89
100.0%	100.0% #3F5E7E	RGB 63 94 126	#3F5E7E

#8DAEC2 #80A0B6 #7393AB #6686A0 #597894 #4C6B89 #3F5E7E

#8DAEC2 - #3F5E7E

HSV混合

#8DAEC2 - #3F5E7E | colorate

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

0.0%	0.0% #8DAEC2	RGB 141 174 194	#8DAEC2
16.7%	16.7% #7D9FB6	RGB 125 159 182	#7D9FB6
33.3%	33.3% #6F92AB	RGB 111 146 171	#6F92AB
50.0%	50.0% #6284A0	RGB 98 132 160	#6284A0
66.7%	66.7% #557794	RGB 85 119 148	#557794
83.3%	83.3% #496A89	RGB 73 106 137	#496A89
100.0%	100.0% #3F5E7E	RGB 63 94 126	#3F5E7E

#8DAEC2 #7D9FB6 #6F92AB #6284A0 #557794 #496A89 #3F5E7E

#8DAEC2 - #6284A0 - #3F5E7E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8DAEC2 0%, #6284A0 50%, #3F5E7E 100%);
    background: -webkit-linear-gradient(top, #8DAEC2 0%, #6284A0 50%, #3F5E7E 100%);
    background: linear-gradient(to bottom, #8DAEC2 0%, #6284A0 50%, #3F5E7E 100%);
}
</style>