#234B9F - #6E9CD1 | colorate

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

Blend #234B9F to #6E9CD1

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

RGB混合

#234B9F - #6E9CD1 | colorate

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

0.0%	0.0% #234B9F	RGB 35 75 159	#234B9F
16.7%	16.7% #2F58A7	RGB 47 88 167	#2F58A7
33.3%	33.3% #3C66AF	RGB 60 102 175	#3C66AF
50.0%	50.0% #4873B8	RGB 72 115 184	#4873B8
66.7%	66.7% #5581C0	RGB 85 129 192	#5581C0
83.3%	83.3% #618EC8	RGB 97 142 200	#618EC8
100.0%	100.0% #6E9CD1	RGB 110 156 209	#6E9CD1

#234B9F #2F58A7 #3C66AF #4873B8 #5581C0 #618EC8 #6E9CD1

#234B9F - #6E9CD1

HSV混合

#234B9F - #6E9CD1 | colorate

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

0.0%	0.0% #234A9F	RGB 35 74 159	#234A9F
16.7%	16.7% #2D57A7	RGB 45 87 167	#2D57A7
33.3%	33.3% #3864AF	RGB 56 100 175	#3864AF
50.0%	50.0% #4472B8	RGB 68 114 184	#4472B8
66.7%	66.7% #517FC0	RGB 81 127 192	#517FC0
83.3%	83.3% #5F8DC8	RGB 95 141 200	#5F8DC8
100.0%	100.0% #6E9CD1	RGB 110 156 209	#6E9CD1

#234A9F #2D57A7 #3864AF #4472B8 #517FC0 #5F8DC8 #6E9CD1

#234B9F - #4472B8 - #6E9CD1

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #234A9F 0%, #4472B8 50%, #6E9CD1 100%);
    background: -webkit-linear-gradient(top, #234A9F 0%, #4472B8 50%, #6E9CD1 100%);
    background: linear-gradient(to bottom, #234A9F 0%, #4472B8 50%, #6E9CD1 100%);
}
</style>