#5E8787 - #8ADB7B | colorate

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

Blend #5E8787 to #8ADB7B

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

RGB混合

#5E8787 - #8ADB7B | colorate

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

0.0%	0.0% #5E8787	RGB 94 135 135	#5E8787
16.7%	16.7% #659585	RGB 101 149 133	#659585
33.3%	33.3% #6CA383	RGB 108 163 131	#6CA383
50.0%	50.0% #74B181	RGB 116 177 129	#74B181
66.7%	66.7% #7BBF7F	RGB 123 191 127	#7BBF7F
83.3%	83.3% #82CD7D	RGB 130 205 125	#82CD7D
100.0%	100.0% #8ADB7B	RGB 138 219 123	#8ADB7B

#5E8787 #659585 #6CA383 #74B181 #7BBF7F #82CD7D #8ADB7B

#5E8787 - #8ADB7B

HSV混合

#5E8787 - #8ADB7B | colorate

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

0.0%	0.0% #5E8787	RGB 94 135 135	#5E8787
16.7%	16.7% #64958B	RGB 100 149 139	#64958B
33.3%	33.3% #6AA38D	RGB 106 163 141	#6AA38D
50.0%	50.0% #6FB18B	RGB 111 177 139	#6FB18B
66.7%	66.7% #73BF85	RGB 115 191 133	#73BF85
83.3%	83.3% #77CD7A	RGB 119 205 122	#77CD7A
100.0%	100.0% #8ADB7B	RGB 138 219 123	#8ADB7B

#5E8787 #64958B #6AA38D #6FB18B #73BF85 #77CD7A #8ADB7B

#5E8787 - #6FB18B - #8ADB7B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8787 0%, #6FB18B 50%, #8ADB7B 100%);
    background: -webkit-linear-gradient(top, #5E8787 0%, #6FB18B 50%, #8ADB7B 100%);
    background: linear-gradient(to bottom, #5E8787 0%, #6FB18B 50%, #8ADB7B 100%);
}
</style>