#2E5E62 - #A2AC98 | colorate

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

Blend #2E5E62 to #A2AC98

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

RGB混合

#2E5E62 - #A2AC98 | colorate

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

0.0%	0.0% #2E5E62	RGB 46 94 98	#2E5E62
16.7%	16.7% #416B6B	RGB 65 107 107	#416B6B
33.3%	33.3% #547874	RGB 84 120 116	#547874
50.0%	50.0% #68857D	RGB 104 133 125	#68857D
66.7%	66.7% #7B9286	RGB 123 146 134	#7B9286
83.3%	83.3% #8E9F8F	RGB 142 159 143	#8E9F8F
100.0%	100.0% #A2AC98	RGB 162 172 152	#A2AC98

#2E5E62 #416B6B #547874 #68857D #7B9286 #8E9F8F #A2AC98

#2E5E62 - #A2AC98

HSV混合

#2E5E62 - #A2AC98 | colorate

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

0.0%	0.0% #2E5E62	RGB 46 94 98	#2E5E62
16.7%	16.7% #3B6E64	RGB 59 110 100	#3B6E64
33.3%	33.3% #4A7A65	RGB 74 122 101	#4A7A65
50.0%	50.0% #5B8767	RGB 91 135 103	#5B8767
66.7%	66.7% #6D936E	RGB 109 147 110	#6D936E
83.3%	83.3% #899F82	RGB 137 159 130	#899F82
100.0%	100.0% #A2AC98	RGB 162 172 152	#A2AC98

#2E5E62 #3B6E64 #4A7A65 #5B8767 #6D936E #899F82 #A2AC98

#2E5E62 - #5B8767 - #A2AC98

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2E5E62 0%, #5B8767 50%, #A2AC98 100%);
    background: -webkit-linear-gradient(top, #2E5E62 0%, #5B8767 50%, #A2AC98 100%);
    background: linear-gradient(to bottom, #2E5E62 0%, #5B8767 50%, #A2AC98 100%);
}
</style>