#5E918B - #115D4D | colorate

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

Blend #5E918B to #115D4D

计算两种颜色#5E918B和#115D4D之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#5E918B - #115D4D | colorate

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

0.0%	0.0% #5E918B	RGB 94 145 139	#5E918B
16.7%	16.7% #518880	RGB 81 136 128	#518880
33.3%	33.3% #447F76	RGB 68 127 118	#447F76
50.0%	50.0% #37776C	RGB 55 119 108	#37776C
66.7%	66.7% #2A6E61	RGB 42 110 97	#2A6E61
83.3%	83.3% #1D6557	RGB 29 101 87	#1D6557
100.0%	100.0% #115D4D	RGB 17 93 77	#115D4D

#5E918B #518880 #447F76 #37776C #2A6E61 #1D6557 #115D4D

#5E918B - #115D4D

HSV混合

#5E918B - #115D4D | colorate

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

0.0%	0.0% #5E918B	RGB 94 145 139	#5E918B
16.7%	16.7% #4D8880	RGB 77 136 128	#4D8880
33.3%	33.3% #3E7F76	RGB 62 127 118	#3E7F76
50.0%	50.0% #31776B	RGB 49 119 107	#31776B
66.7%	66.7% #256E61	RGB 37 110 97	#256E61
83.3%	83.3% #1A6557	RGB 26 101 87	#1A6557
100.0%	100.0% #115D4D	RGB 17 93 77	#115D4D

#5E918B #4D8880 #3E7F76 #31776B #256E61 #1A6557 #115D4D

#5E918B - #31776B - #115D4D

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E918B 0%, #31776B 50%, #115D4D 100%);
    background: -webkit-linear-gradient(top, #5E918B 0%, #31776B 50%, #115D4D 100%);
    background: linear-gradient(to bottom, #5E918B 0%, #31776B 50%, #115D4D 100%);
}
</style>