#1F2244 - #535C76 | colorate

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

Blend #1F2244 to #535C76

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

RGB混合

#1F2244 - #535C76 | colorate

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

0.0%	0.0% #1F2244	RGB 31 34 68	#1F2244
16.7%	16.7% #272B4C	RGB 39 43 76	#272B4C
33.3%	33.3% #303554	RGB 48 53 84	#303554
50.0%	50.0% #393F5D	RGB 57 63 93	#393F5D
66.7%	66.7% #414865	RGB 65 72 101	#414865
83.3%	83.3% #4A526D	RGB 74 82 109	#4A526D
100.0%	100.0% #535C76	RGB 83 92 118	#535C76

#1F2244 #272B4C #303554 #393F5D #414865 #4A526D #535C76

#1F2244 - #535C76

HSV混合

#1F2244 - #535C76 | colorate

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

0.0%	0.0% #1F2144	RGB 31 33 68	#1F2144
16.7%	16.7% #252A4C	RGB 37 42 76	#252A4C
33.3%	33.3% #2D3354	RGB 45 51 84	#2D3354
50.0%	50.0% #353C5D	RGB 53 60 93	#353C5D
66.7%	66.7% #3E4665	RGB 62 70 101	#3E4665
83.3%	83.3% #48516D	RGB 72 81 109	#48516D
100.0%	100.0% #535C76	RGB 83 92 118	#535C76

#1F2144 #252A4C #2D3354 #353C5D #3E4665 #48516D #535C76

#1F2244 - #353C5D - #535C76

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F2144 0%, #353C5D 50%, #535C76 100%);
    background: -webkit-linear-gradient(top, #1F2144 0%, #353C5D 50%, #535C76 100%);
    background: linear-gradient(to bottom, #1F2144 0%, #353C5D 50%, #535C76 100%);
}
</style>