#145DCC - #5EB6F7 | colorate

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

Blend #145DCC to #5EB6F7

计算两种颜色#145DCC和#5EB6F7之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#145DCC - #5EB6F7 | colorate

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

0.0%	0.0% #145DCC	RGB 20 93 204	#145DCC
16.7%	16.7% #206BD3	RGB 32 107 211	#206BD3
33.3%	33.3% #2C7ADA	RGB 44 122 218	#2C7ADA
50.0%	50.0% #3989E1	RGB 57 137 225	#3989E1
66.7%	66.7% #4598E8	RGB 69 152 232	#4598E8
83.3%	83.3% #51A7EF	RGB 81 167 239	#51A7EF
100.0%	100.0% #5EB6F7	RGB 94 182 247	#5EB6F7

#145DCC #206BD3 #2C7ADA #3989E1 #4598E8 #51A7EF #5EB6F7

#145DCC - #5EB6F7

HSV混合

#145DCC - #5EB6F7 | colorate

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

0.0%	0.0% #145CCC	RGB 20 92 204	#145CCC
16.7%	16.7% #1E6BD3	RGB 30 107 211	#1E6BD3
33.3%	33.3% #297ADA	RGB 41 122 218	#297ADA
50.0%	50.0% #3589E1	RGB 53 137 225	#3589E1
66.7%	66.7% #4298E8	RGB 66 152 232	#4298E8
83.3%	83.3% #4FA7EF	RGB 79 167 239	#4FA7EF
100.0%	100.0% #5EB6F7	RGB 94 182 247	#5EB6F7

#145CCC #1E6BD3 #297ADA #3589E1 #4298E8 #4FA7EF #5EB6F7

#145DCC - #3589E1 - #5EB6F7

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #145CCC 0%, #3589E1 50%, #5EB6F7 100%);
    background: -webkit-linear-gradient(top, #145CCC 0%, #3589E1 50%, #5EB6F7 100%);
    background: linear-gradient(to bottom, #145CCC 0%, #3589E1 50%, #5EB6F7 100%);
}
</style>