#6DC3C3 - #0D938E | colorate

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

Blend #6DC3C3 to #0D938E

计算两种颜色#6DC3C3和#0D938E之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#6DC3C3 - #0D938E | colorate

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

0.0%	0.0% #6DC3C3	RGB 109 195 195	#6DC3C3
16.7%	16.7% #5DBBBA	RGB 93 187 186	#5DBBBA
33.3%	33.3% #4DB3B1	RGB 77 179 177	#4DB3B1
50.0%	50.0% #3DABA8	RGB 61 171 168	#3DABA8
66.7%	66.7% #2DA39F	RGB 45 163 159	#2DA39F
83.3%	83.3% #1D9B96	RGB 29 155 150	#1D9B96
100.0%	100.0% #0D938E	RGB 13 147 142	#0D938E

#6DC3C3 #5DBBBA #4DB3B1 #3DABA8 #2DA39F #1D9B96 #0D938E

#6DC3C3 - #0D938E

HSV混合

#6DC3C3 - #0D938E | colorate

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

0.0%	0.0% #6DC3C3	RGB 109 195 195	#6DC3C3
16.7%	16.7% #59BBBA	RGB 89 187 186	#59BBBA
33.3%	33.3% #47B3B1	RGB 71 179 177	#47B3B1
50.0%	50.0% #37ABA8	RGB 55 171 168	#37ABA8
66.7%	66.7% #27A39F	RGB 39 163 159	#27A39F
83.3%	83.3% #199B96	RGB 25 155 150	#199B96
100.0%	100.0% #0D938E	RGB 13 147 142	#0D938E

#6DC3C3 #59BBBA #47B3B1 #37ABA8 #27A39F #199B96 #0D938E

#6DC3C3 - #37ABA8 - #0D938E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DC3C3 0%, #37ABA8 50%, #0D938E 100%);
    background: -webkit-linear-gradient(top, #6DC3C3 0%, #37ABA8 50%, #0D938E 100%);
    background: linear-gradient(to bottom, #6DC3C3 0%, #37ABA8 50%, #0D938E 100%);
}
</style>