#1E5E5D - #74AC81 | colorate

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

Blend #1E5E5D to #74AC81

计算两种颜色#1E5E5D和#74AC81之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#1E5E5D - #74AC81 | colorate

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

0.0%	0.0% #1E5E5D	RGB 30 94 93	#1E5E5D
16.7%	16.7% #2C6B63	RGB 44 107 99	#2C6B63
33.3%	33.3% #3A7869	RGB 58 120 105	#3A7869
50.0%	50.0% #49856F	RGB 73 133 111	#49856F
66.7%	66.7% #579275	RGB 87 146 117	#579275
83.3%	83.3% #659F7B	RGB 101 159 123	#659F7B
100.0%	100.0% #74AC81	RGB 116 172 129	#74AC81

#1E5E5D #2C6B63 #3A7869 #49856F #579275 #659F7B #74AC81

#1E5E5D - #74AC81

HSV混合

#1E5E5D - #74AC81 | colorate

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

0.0%	0.0% #1E5E5D	RGB 30 94 93	#1E5E5D
16.7%	16.7% #286B61	RGB 40 107 97	#286B61
33.3%	33.3% #347866	RGB 52 120 102	#347866
50.0%	50.0% #42856A	RGB 66 133 106	#42856A
66.7%	66.7% #519270	RGB 81 146 112	#519270
83.3%	83.3% #619F77	RGB 97 159 119	#619F77
100.0%	100.0% #74AC81	RGB 116 172 129	#74AC81

#1E5E5D #286B61 #347866 #42856A #519270 #619F77 #74AC81

#1E5E5D - #42856A - #74AC81

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1E5E5D 0%, #42856A 50%, #74AC81 100%);
    background: -webkit-linear-gradient(top, #1E5E5D 0%, #42856A 50%, #74AC81 100%);
    background: linear-gradient(to bottom, #1E5E5D 0%, #42856A 50%, #74AC81 100%);
}
</style>