#ABD9DC - #303D3E | colorate

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

Blend #ABD9DC to #303D3E

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

RGB混合

#ABD9DC - #303D3E | colorate

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

0.0%	0.0% #ABD9DC	RGB 171 217 220	#ABD9DC
16.7%	16.7% #96BFC1	RGB 150 191 193	#96BFC1
33.3%	33.3% #82A5A7	RGB 130 165 167	#82A5A7
50.0%	50.0% #6D8B8D	RGB 109 139 141	#6D8B8D
66.7%	66.7% #597172	RGB 89 113 114	#597172
83.3%	83.3% #445758	RGB 68 87 88	#445758
100.0%	100.0% #303D3E	RGB 48 61 62	#303D3E

#ABD9DC #96BFC1 #82A5A7 #6D8B8D #597172 #445758 #303D3E

#ABD9DC - #303D3E

HSV混合

#ABD9DC - #303D3E | colorate

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

0.0%	0.0% #ABD9DC	RGB 171 217 220	#ABD9DC
16.7%	16.7% #96BEC1	RGB 150 190 193	#96BEC1
33.3%	33.3% #81A4A7	RGB 129 164 167	#81A4A7
50.0%	50.0% #6D8A8D	RGB 109 138 141	#6D8A8D
66.7%	66.7% #587072	RGB 88 112 114	#587072
83.3%	83.3% #445658	RGB 68 86 88	#445658
100.0%	100.0% #303D3E	RGB 48 61 62	#303D3E

#ABD9DC #96BEC1 #81A4A7 #6D8A8D #587072 #445658 #303D3E

#ABD9DC - #6D8A8D - #303D3E

CSS代码

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

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