#8CECE8 - #17C8C7 | colorate

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

Blend #8CECE8 to #17C8C7

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

RGB混合

#8CECE8 - #17C8C7 | colorate

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

0.0%	0.0% #8CECE8	RGB 140 236 232	#8CECE8
16.7%	16.7% #78E6E2	RGB 120 230 226	#78E6E2
33.3%	33.3% #65E0DD	RGB 101 224 221	#65E0DD
50.0%	50.0% #51DAD7	RGB 81 218 215	#51DAD7
66.7%	66.7% #3ED4D2	RGB 62 212 210	#3ED4D2
83.3%	83.3% #2ACECC	RGB 42 206 204	#2ACECC
100.0%	100.0% #17C8C7	RGB 23 200 199	#17C8C7

#8CECE8 #78E6E2 #65E0DD #51DAD7 #3ED4D2 #2ACECC #17C8C7

#8CECE8 - #17C8C7

HSV混合

#8CECE8 - #17C8C7 | colorate

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

0.0%	0.0% #8CECE8	RGB 140 236 232	#8CECE8
16.7%	16.7% #76E6E2	RGB 118 230 226	#76E6E2
33.3%	33.3% #61E0DC	RGB 97 224 220	#61E0DC
50.0%	50.0% #4DDAD6	RGB 77 218 214	#4DDAD6
66.7%	66.7% #3AD4D1	RGB 58 212 209	#3AD4D1
83.3%	83.3% #28CECC	RGB 40 206 204	#28CECC
100.0%	100.0% #17C8C7	RGB 23 200 199	#17C8C7

#8CECE8 #76E6E2 #61E0DC #4DDAD6 #3AD4D1 #28CECC #17C8C7

#8CECE8 - #4DDAD6 - #17C8C7

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8CECE8 0%, #4DDAD6 50%, #17C8C7 100%);
    background: -webkit-linear-gradient(top, #8CECE8 0%, #4DDAD6 50%, #17C8C7 100%);
    background: linear-gradient(to bottom, #8CECE8 0%, #4DDAD6 50%, #17C8C7 100%);
}
</style>