#1036C7 - #BAC5EF | colorate

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

Blend #1036C7 to #BAC5EF

计算两种颜色#1036C7和#BAC5EF之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#1036C7 - #BAC5EF | colorate

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

0.0%	0.0% #1036C7	RGB 16 54 199	#1036C7
16.7%	16.7% #2C4DCD	RGB 44 77 205	#2C4DCD
33.3%	33.3% #4865D4	RGB 72 101 212	#4865D4
50.0%	50.0% #657DDB	RGB 101 125 219	#657DDB
66.7%	66.7% #8195E1	RGB 129 149 225	#8195E1
83.3%	83.3% #9DADE8	RGB 157 173 232	#9DADE8
100.0%	100.0% #BAC5EF	RGB 186 197 239	#BAC5EF

#1036C7 #2C4DCD #4865D4 #657DDB #8195E1 #9DADE8 #BAC5EF

#1036C7 - #BAC5EF

HSV混合

#1036C7 - #BAC5EF | colorate

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

0.0%	0.0% #1036C7	RGB 16 54 199	#1036C7
16.7%	16.7% #284ACD	RGB 40 74 205	#284ACD
33.3%	33.3% #4260D4	RGB 66 96 212	#4260D4
50.0%	50.0% #5E77DB	RGB 94 119 219	#5E77DB
66.7%	66.7% #7B90E1	RGB 123 144 225	#7B90E1
83.3%	83.3% #99AAE8	RGB 153 170 232	#99AAE8
100.0%	100.0% #BAC5EF	RGB 186 197 239	#BAC5EF

#1036C7 #284ACD #4260D4 #5E77DB #7B90E1 #99AAE8 #BAC5EF

#1036C7 - #5E77DB - #BAC5EF

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1036C7 0%, #5E77DB 50%, #BAC5EF 100%);
    background: -webkit-linear-gradient(top, #1036C7 0%, #5E77DB 50%, #BAC5EF 100%);
    background: linear-gradient(to bottom, #1036C7 0%, #5E77DB 50%, #BAC5EF 100%);
}
</style>