#001EB6 - #1976FF | colorate

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

Blend #001EB6 to #1976FF

#001EB6 #1976FF

计算两种颜色#001EB6和#1976FF之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#001EB6 - #1976FF | colorate

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

0.0%	0.0% #001EB6	RGB 0 30 182	#001EB6
16.7%	16.7% #042CC2	RGB 4 44 194	#042CC2
33.3%	33.3% #083BCE	RGB 8 59 206	#083BCE
50.0%	50.0% #0C4ADA	RGB 12 74 218	#0C4ADA
66.7%	66.7% #1058E6	RGB 16 88 230	#1058E6
83.3%	83.3% #1467F2	RGB 20 103 242	#1467F2
100.0%	100.0% #1976FF	RGB 25 118 255	#1976FF

#001EB6 #042CC2 #083BCE #0C4ADA #1058E6 #1467F2 #1976FF

#001EB6 - #1976FF

HSV混合

#001EB6 - #1976FF | colorate

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

0.0%	0.0% #001EB6	RGB 0 30 182	#001EB6
16.7%	16.7% #032AC2	RGB 3 42 194	#032AC2
33.3%	33.3% #0637CE	RGB 6 55 206	#0637CE
50.0%	50.0% #0A45DA	RGB 10 69 218	#0A45DA
66.7%	66.7% #0F55E6	RGB 15 85 230	#0F55E6
83.3%	83.3% #1365F2	RGB 19 101 242	#1365F2
100.0%	100.0% #1976FF	RGB 25 118 255	#1976FF

#001EB6 #032AC2 #0637CE #0A45DA #0F55E6 #1365F2 #1976FF

#001EB6 - #0A45DA - #1976FF

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #001EB6 0%, #0A45DA 50%, #1976FF 100%);
    background: -webkit-linear-gradient(top, #001EB6 0%, #0A45DA 50%, #1976FF 100%);
    background: linear-gradient(to bottom, #001EB6 0%, #0A45DA 50%, #1976FF 100%);
}
</style>