#151D5E - #415C9A | colorate

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

Blend #151D5E to #415C9A

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

RGB混合

#151D5E - #415C9A | colorate

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

0.0%	0.0% #151D5E	RGB 21 29 94	#151D5E
16.7%	16.7% #1C2768	RGB 28 39 104	#1C2768
33.3%	33.3% #233272	RGB 35 50 114	#233272
50.0%	50.0% #2B3C7C	RGB 43 60 124	#2B3C7C
66.7%	66.7% #324786	RGB 50 71 134	#324786
83.3%	83.3% #395190	RGB 57 81 144	#395190
100.0%	100.0% #415C9A	RGB 65 92 154	#415C9A

#151D5E #1C2768 #233272 #2B3C7C #324786 #395190 #415C9A

#151D5E - #415C9A

HSV混合

#151D5E - #415C9A | colorate

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

0.0%	0.0% #141D5E	RGB 20 29 94	#141D5E
16.7%	16.7% #1A2568	RGB 26 37 104	#1A2568
33.3%	33.3% #212F72	RGB 33 47 114	#212F72
50.0%	50.0% #28397C	RGB 40 57 124	#28397C
66.7%	66.7% #2F4486	RGB 47 68 134	#2F4486
83.3%	83.3% #384F90	RGB 56 79 144	#384F90
100.0%	100.0% #415C9A	RGB 65 92 154	#415C9A

#141D5E #1A2568 #212F72 #28397C #2F4486 #384F90 #415C9A

#151D5E - #28397C - #415C9A

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #141D5E 0%, #28397C 50%, #415C9A 100%);
    background: -webkit-linear-gradient(top, #141D5E 0%, #28397C 50%, #415C9A 100%);
    background: linear-gradient(to bottom, #141D5E 0%, #28397C 50%, #415C9A 100%);
}
</style>