#264B5E - #042D42 | colorate

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

Blend #264B5E to #042D42

计算两种颜色#264B5E和#042D42之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#264B5E - #042D42 | colorate

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

0.0%	0.0% #264B5E	RGB 38 75 94	#264B5E
16.7%	16.7% #204659	RGB 32 70 89	#204659
33.3%	33.3% #1A4154	RGB 26 65 84	#1A4154
50.0%	50.0% #153C50	RGB 21 60 80	#153C50
66.7%	66.7% #0F374B	RGB 15 55 75	#0F374B
83.3%	83.3% #093246	RGB 9 50 70	#093246
100.0%	100.0% #042D42	RGB 4 45 66	#042D42

#264B5E #204659 #1A4154 #153C50 #0F374B #093246 #042D42

#264B5E - #042D42

HSV混合

#264B5E - #042D42 | colorate

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

0.0%	0.0% #264A5E	RGB 38 74 94	#264A5E
16.7%	16.7% #1E4559	RGB 30 69 89	#1E4559
33.3%	33.3% #184054	RGB 24 64 84	#184054
50.0%	50.0% #123B50	RGB 18 59 80	#123B50
66.7%	66.7% #0D364B	RGB 13 54 75	#0D364B
83.3%	83.3% #083146	RGB 8 49 70	#083146
100.0%	100.0% #042D42	RGB 4 45 66	#042D42

#264A5E #1E4559 #184054 #123B50 #0D364B #083146 #042D42

#264B5E - #123B50 - #042D42

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #264A5E 0%, #123B50 50%, #042D42 100%);
    background: -webkit-linear-gradient(top, #264A5E 0%, #123B50 50%, #042D42 100%);
    background: linear-gradient(to bottom, #264A5E 0%, #123B50 50%, #042D42 100%);
}
</style>