#A8DAD1 - #303E3B | colorate

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

Blend #A8DAD1 to #303E3B

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

RGB混合

#A8DAD1 - #303E3B | colorate

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

0.0%	0.0% #A8DAD1	RGB 168 218 209	#A8DAD1
16.7%	16.7% #94C0B8	RGB 148 192 184	#94C0B8
33.3%	33.3% #80A69F	RGB 128 166 159	#80A69F
50.0%	50.0% #6C8C86	RGB 108 140 134	#6C8C86
66.7%	66.7% #58726D	RGB 88 114 109	#58726D
83.3%	83.3% #445854	RGB 68 88 84	#445854
100.0%	100.0% #303E3B	RGB 48 62 59	#303E3B

#A8DAD1 #94C0B8 #80A69F #6C8C86 #58726D #445854 #303E3B

#A8DAD1 - #303E3B

HSV混合

#A8DAD1 - #303E3B | colorate

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

0.0%	0.0% #A8DAD1	RGB 168 218 209	#A8DAD1
16.7%	16.7% #94C0B7	RGB 148 192 183	#94C0B7
33.3%	33.3% #80A69E	RGB 128 166 158	#80A69E
50.0%	50.0% #6C8C85	RGB 108 140 133	#6C8C85
66.7%	66.7% #58726C	RGB 88 114 108	#58726C
83.3%	83.3% #445853	RGB 68 88 83	#445853
100.0%	100.0% #303E3B	RGB 48 62 59	#303E3B

#A8DAD1 #94C0B7 #80A69E #6C8C85 #58726C #445853 #303E3B

#A8DAD1 - #6C8C85 - #303E3B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8DAD1 0%, #6C8C85 50%, #303E3B 100%);
    background: -webkit-linear-gradient(top, #A8DAD1 0%, #6C8C85 50%, #303E3B 100%);
    background: linear-gradient(to bottom, #A8DAD1 0%, #6C8C85 50%, #303E3B 100%);
}
</style>