#151B64 - #3E5BA1 | colorate

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

Blend #151B64 to #3E5BA1

计算两种颜色#151B64和#3E5BA1之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#151B64 - #3E5BA1 | colorate

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

0.0%	0.0% #151B64	RGB 21 27 100	#151B64
16.7%	16.7% #1B256E	RGB 27 37 110	#1B256E
33.3%	33.3% #223078	RGB 34 48 120	#223078
50.0%	50.0% #293B82	RGB 41 59 130	#293B82
66.7%	66.7% #30458C	RGB 48 69 140	#30458C
83.3%	83.3% #375096	RGB 55 80 150	#375096
100.0%	100.0% #3E5BA1	RGB 62 91 161	#3E5BA1

#151B64 #1B256E #223078 #293B82 #30458C #375096 #3E5BA1

#151B64 - #3E5BA1

HSV混合

#151B64 - #3E5BA1 | colorate

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

0.0%	0.0% #151A64	RGB 21 26 100	#151A64
16.7%	16.7% #1A236E	RGB 26 35 110	#1A236E
33.3%	33.3% #202D78	RGB 32 45 120	#202D78
50.0%	50.0% #263782	RGB 38 55 130	#263782
66.7%	66.7% #2D428C	RGB 45 66 140	#2D428C
83.3%	83.3% #354E96	RGB 53 78 150	#354E96
100.0%	100.0% #3E5BA1	RGB 62 91 161	#3E5BA1

#151A64 #1A236E #202D78 #263782 #2D428C #354E96 #3E5BA1

#151B64 - #263782 - #3E5BA1

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #151A64 0%, #263782 50%, #3E5BA1 100%);
    background: -webkit-linear-gradient(top, #151A64 0%, #263782 50%, #3E5BA1 100%);
    background: linear-gradient(to bottom, #151A64 0%, #263782 50%, #3E5BA1 100%);
}
</style>