#68DBDB - #1D3E3E | colorate

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

Blend #68DBDB to #1D3E3E

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

RGB混合

#68DBDB - #1D3E3E | colorate

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

0.0%	0.0% #68DBDB	RGB 104 219 219	#68DBDB
16.7%	16.7% #5BC0C0	RGB 91 192 192	#5BC0C0
33.3%	33.3% #4FA6A6	RGB 79 166 166	#4FA6A6
50.0%	50.0% #428C8C	RGB 66 140 140	#428C8C
66.7%	66.7% #367272	RGB 54 114 114	#367272
83.3%	83.3% #295858	RGB 41 88 88	#295858
100.0%	100.0% #1D3E3E	RGB 29 62 62	#1D3E3E

#68DBDB #5BC0C0 #4FA6A6 #428C8C #367272 #295858 #1D3E3E

#68DBDB - #1D3E3E

HSV混合

#68DBDB - #1D3E3E | colorate

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

0.0%	0.0% #68DBDB	RGB 104 219 219	#68DBDB
16.7%	16.7% #5BC0C0	RGB 91 192 192	#5BC0C0
33.3%	33.3% #4EA6A6	RGB 78 166 166	#4EA6A6
50.0%	50.0% #428C8C	RGB 66 140 140	#428C8C
66.7%	66.7% #357272	RGB 53 114 114	#357272
83.3%	83.3% #295858	RGB 41 88 88	#295858
100.0%	100.0% #1D3E3E	RGB 29 62 62	#1D3E3E

#68DBDB #5BC0C0 #4EA6A6 #428C8C #357272 #295858 #1D3E3E

#68DBDB - #428C8C - #1D3E3E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #68DBDB 0%, #428C8C 50%, #1D3E3E 100%);
    background: -webkit-linear-gradient(top, #68DBDB 0%, #428C8C 50%, #1D3E3E 100%);
    background: linear-gradient(to bottom, #68DBDB 0%, #428C8C 50%, #1D3E3E 100%);
}
</style>