#00A4DA - #002E3E | colorate

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

Blend #00A4DA to #002E3E

计算两种颜色#00A4DA和#002E3E之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#00A4DA - #002E3E | colorate

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

0.0%	0.0% #00A4DA	RGB 0 164 218	#00A4DA
16.7%	16.7% #0090C0	RGB 0 144 192	#0090C0
33.3%	33.3% #007CA6	RGB 0 124 166	#007CA6
50.0%	50.0% #00698C	RGB 0 105 140	#00698C
66.7%	66.7% #005572	RGB 0 85 114	#005572
83.3%	83.3% #004158	RGB 0 65 88	#004158
100.0%	100.0% #002E3E	RGB 0 46 62	#002E3E

#00A4DA #0090C0 #007CA6 #00698C #005572 #004158 #002E3E

#00A4DA - #002E3E

HSV混合

#00A4DA - #002E3E | colorate

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

0.0%	0.0% #00A4DA	RGB 0 164 218	#00A4DA
16.7%	16.7% #0090C0	RGB 0 144 192	#0090C0
33.3%	33.3% #007CA6	RGB 0 124 166	#007CA6
50.0%	50.0% #00688C	RGB 0 104 140	#00688C
66.7%	66.7% #005472	RGB 0 84 114	#005472
83.3%	83.3% #004158	RGB 0 65 88	#004158
100.0%	100.0% #002E3E	RGB 0 46 62	#002E3E

#00A4DA #0090C0 #007CA6 #00688C #005472 #004158 #002E3E

#00A4DA - #00688C - #002E3E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A4DA 0%, #00688C 50%, #002E3E 100%);
    background: -webkit-linear-gradient(top, #00A4DA 0%, #00688C 50%, #002E3E 100%);
    background: linear-gradient(to bottom, #00A4DA 0%, #00688C 50%, #002E3E 100%);
}
</style>