#234B9F - #161E3A | colorate

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

Blend #234B9F to #161E3A

计算两种颜色#234B9F和#161E3A之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#234B9F - #161E3A | colorate

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

0.0%	0.0% #234B9F	RGB 35 75 159	#234B9F
16.7%	16.7% #20438E	RGB 32 67 142	#20438E
33.3%	33.3% #1E3C7D	RGB 30 60 125	#1E3C7D
50.0%	50.0% #1C346C	RGB 28 52 108	#1C346C
66.7%	66.7% #1A2D5B	RGB 26 45 91	#1A2D5B
83.3%	83.3% #18254A	RGB 24 37 74	#18254A
100.0%	100.0% #161E3A	RGB 22 30 58	#161E3A

#234B9F #20438E #1E3C7D #1C346C #1A2D5B #18254A #161E3A

#234B9F - #161E3A

HSV混合

#234B9F - #161E3A | colorate

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

0.0%	0.0% #234A9F	RGB 35 74 159	#234A9F
16.7%	16.7% #23438E	RGB 35 67 142	#23438E
33.3%	33.3% #223C7D	RGB 34 60 125	#223C7D
50.0%	50.0% #20356C	RGB 32 53 108	#20356C
66.7%	66.7% #1D2D5B	RGB 29 45 91	#1D2D5B
83.3%	83.3% #1A254A	RGB 26 37 74	#1A254A
100.0%	100.0% #161E3A	RGB 22 30 58	#161E3A

#234A9F #23438E #223C7D #20356C #1D2D5B #1A254A #161E3A

#234B9F - #20356C - #161E3A

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #234A9F 0%, #20356C 50%, #161E3A 100%);
    background: -webkit-linear-gradient(top, #234A9F 0%, #20356C 50%, #161E3A 100%);
    background: linear-gradient(to bottom, #234A9F 0%, #20356C 50%, #161E3A 100%);
}
</style>