#3EB6B0 - #008575 | colorate

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

Blend #3EB6B0 to #008575

计算两种颜色#3EB6B0和#008575之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#3EB6B0 - #008575 | colorate

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

0.0%	0.0% #3EB6B0	RGB 62 182 176	#3EB6B0
16.7%	16.7% #33ADA6	RGB 51 173 166	#33ADA6
33.3%	33.3% #29A59C	RGB 41 165 156	#29A59C
50.0%	50.0% #1F9D92	RGB 31 157 146	#1F9D92
66.7%	66.7% #149588	RGB 20 149 136	#149588
83.3%	83.3% #0A8D7E	RGB 10 141 126	#0A8D7E
100.0%	100.0% #008575	RGB 0 133 117	#008575

#3EB6B0 #33ADA6 #29A59C #1F9D92 #149588 #0A8D7E #008575

#3EB6B0 - #008575

HSV混合

#3EB6B0 - #008575 | colorate

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

0.0%	0.0% #3EB6B0	RGB 62 182 176	#3EB6B0
16.7%	16.7% #31ADA6	RGB 49 173 166	#31ADA6
33.3%	33.3% #25A59C	RGB 37 165 156	#25A59C
50.0%	50.0% #1A9D92	RGB 26 157 146	#1A9D92
66.7%	66.7% #109588	RGB 16 149 136	#109588
83.3%	83.3% #088D7E	RGB 8 141 126	#088D7E
100.0%	100.0% #008575	RGB 0 133 117	#008575

#3EB6B0 #31ADA6 #25A59C #1A9D92 #109588 #088D7E #008575

#3EB6B0 - #1A9D92 - #008575

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3EB6B0 0%, #1A9D92 50%, #008575 100%);
    background: -webkit-linear-gradient(top, #3EB6B0 0%, #1A9D92 50%, #008575 100%);
    background: linear-gradient(to bottom, #3EB6B0 0%, #1A9D92 50%, #008575 100%);
}
</style>