#333E5E - #81818C | colorate

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

Blend #333E5E to #81818C

计算两种颜色#333E5E和#81818C之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#333E5E - #81818C | colorate

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

0.0%	0.0% #333E5E	RGB 51 62 94	#333E5E
16.7%	16.7% #404965	RGB 64 73 101	#404965
33.3%	33.3% #4D546D	RGB 77 84 109	#4D546D
50.0%	50.0% #5A5F75	RGB 90 95 117	#5A5F75
66.7%	66.7% #676A7C	RGB 103 106 124	#676A7C
83.3%	83.3% #747584	RGB 116 117 132	#747584
100.0%	100.0% #81818C	RGB 129 129 140	#81818C

#333E5E #404965 #4D546D #5A5F75 #676A7C #747584 #81818C

#333E5E - #81818C

HSV混合

#333E5E - #81818C | colorate

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

0.0%	0.0% #333E5E	RGB 51 62 94	#333E5E
16.7%	16.7% #3D4665	RGB 61 70 101	#3D4665
33.3%	33.3% #494F6D	RGB 73 79 109	#494F6D
50.0%	50.0% #555975	RGB 85 89 117	#555975
66.7%	66.7% #63657C	RGB 99 101 124	#63657C
83.3%	83.3% #717284	RGB 113 114 132	#717284
100.0%	100.0% #81818C	RGB 129 129 140	#81818C

#333E5E #3D4665 #494F6D #555975 #63657C #717284 #81818C

#333E5E - #555975 - #81818C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #333E5E 0%, #555975 50%, #81818C 100%);
    background: -webkit-linear-gradient(top, #333E5E 0%, #555975 50%, #81818C 100%);
    background: linear-gradient(to bottom, #333E5E 0%, #555975 50%, #81818C 100%);
}
</style>