#1A8A8A - #97D9A1 | colorate

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

Blend #1A8A8A to #97D9A1

计算两种颜色#1A8A8A和#97D9A1之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#1A8A8A - #97D9A1 | colorate

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

0.0%	0.0% #1A8A8A	RGB 26 138 138	#1A8A8A
16.7%	16.7% #2E978D	RGB 46 151 141	#2E978D
33.3%	33.3% #43A491	RGB 67 164 145	#43A491
50.0%	50.0% #58B195	RGB 88 177 149	#58B195
66.7%	66.7% #6DBE99	RGB 109 190 153	#6DBE99
83.3%	83.3% #82CB9D	RGB 130 203 157	#82CB9D
100.0%	100.0% #97D9A1	RGB 151 217 161	#97D9A1

#1A8A8A #2E978D #43A491 #58B195 #6DBE99 #82CB9D #97D9A1

#1A8A8A - #97D9A1

HSV混合

#1A8A8A - #97D9A1 | colorate

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

0.0%	0.0% #1A8A8A	RGB 26 138 138	#1A8A8A
16.7%	16.7% #299787	RGB 41 151 135	#299787
33.3%	33.3% #3AA486	RGB 58 164 134	#3AA486
50.0%	50.0% #4EB187	RGB 78 177 135	#4EB187
66.7%	66.7% #64BE8B	RGB 100 190 139	#64BE8B
83.3%	83.3% #7CCB93	RGB 124 203 147	#7CCB93
100.0%	100.0% #97D9A1	RGB 151 217 161	#97D9A1

#1A8A8A #299787 #3AA486 #4EB187 #64BE8B #7CCB93 #97D9A1

#1A8A8A - #4EB187 - #97D9A1

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A8A8A 0%, #4EB187 50%, #97D9A1 100%);
    background: -webkit-linear-gradient(top, #1A8A8A 0%, #4EB187 50%, #97D9A1 100%);
    background: linear-gradient(to bottom, #1A8A8A 0%, #4EB187 50%, #97D9A1 100%);
}
</style>