#008181 - #82DCA3 | colorate

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

Blend #008181 to #82DCA3

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

RGB混合

#008181 - #82DCA3 | colorate

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

0.0%	0.0% #008181	RGB 0 129 129	#008181
16.7%	16.7% #159086	RGB 21 144 134	#159086
33.3%	33.3% #2B9F8C	RGB 43 159 140	#2B9F8C
50.0%	50.0% #41AE92	RGB 65 174 146	#41AE92
66.7%	66.7% #56BD97	RGB 86 189 151	#56BD97
83.3%	83.3% #6CCC9D	RGB 108 204 157	#6CCC9D
100.0%	100.0% #82DCA3	RGB 130 220 163	#82DCA3

#008181 #159086 #2B9F8C #41AE92 #56BD97 #6CCC9D #82DCA3

#008181 - #82DCA3

HSV混合

#008181 - #82DCA3 | colorate

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

0.0%	0.0% #008181	RGB 0 129 129	#008181
16.7%	16.7% #0E9082	RGB 14 144 130	#0E9082
33.3%	33.3% #1F9F84	RGB 31 159 132	#1F9F84
50.0%	50.0% #33AE87	RGB 51 174 135	#33AE87
66.7%	66.7% #4ABD8D	RGB 74 189 141	#4ABD8D
83.3%	83.3% #64CC95	RGB 100 204 149	#64CC95
100.0%	100.0% #82DCA3	RGB 130 220 163	#82DCA3

#008181 #0E9082 #1F9F84 #33AE87 #4ABD8D #64CC95 #82DCA3

#008181 - #33AE87 - #82DCA3

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008181 0%, #33AE87 50%, #82DCA3 100%);
    background: -webkit-linear-gradient(top, #008181 0%, #33AE87 50%, #82DCA3 100%);
    background: linear-gradient(to bottom, #008181 0%, #33AE87 50%, #82DCA3 100%);
}
</style>