#3E9EB6 - #1A526A | colorate

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

Blend #3E9EB6 to #1A526A

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

RGB混合

#3E9EB6 - #1A526A | colorate

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

0.0%	0.0% #3E9EB6	RGB 62 158 182	#3E9EB6
16.7%	16.7% #3891A9	RGB 56 145 169	#3891A9
33.3%	33.3% #32849C	RGB 50 132 156	#32849C
50.0%	50.0% #2C7890	RGB 44 120 144	#2C7890
66.7%	66.7% #266B83	RGB 38 107 131	#266B83
83.3%	83.3% #205E76	RGB 32 94 118	#205E76
100.0%	100.0% #1A526A	RGB 26 82 106	#1A526A

#3E9EB6 #3891A9 #32849C #2C7890 #266B83 #205E76 #1A526A

#3E9EB6 - #1A526A

HSV混合

#3E9EB6 - #1A526A | colorate

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

0.0%	0.0% #3E9EB6	RGB 62 158 182	#3E9EB6
16.7%	16.7% #3690A9	RGB 54 144 169	#3690A9
33.3%	33.3% #30839C	RGB 48 131 156	#30839C
50.0%	50.0% #2A7690	RGB 42 118 144	#2A7690
66.7%	66.7% #246A83	RGB 36 106 131	#246A83
83.3%	83.3% #1E5D76	RGB 30 93 118	#1E5D76
100.0%	100.0% #1A526A	RGB 26 82 106	#1A526A

#3E9EB6 #3690A9 #30839C #2A7690 #246A83 #1E5D76 #1A526A

#3E9EB6 - #2A7690 - #1A526A

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E9EB6 0%, #2A7690 50%, #1A526A 100%);
    background: -webkit-linear-gradient(top, #3E9EB6 0%, #2A7690 50%, #1A526A 100%);
    background: linear-gradient(to bottom, #3E9EB6 0%, #2A7690 50%, #1A526A 100%);
}
</style>