#0057DA - #B5FFD4 | colorate

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

Blend #0057DA to #B5FFD4

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

RGB混合

#0057DA - #B5FFD4 | colorate

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

0.0%	0.0% #0057DA	RGB 0 87 218	#0057DA
16.7%	16.7% #1E73D9	RGB 30 115 217	#1E73D9
33.3%	33.3% #3C8FD8	RGB 60 143 216	#3C8FD8
50.0%	50.0% #5AABD7	RGB 90 171 215	#5AABD7
66.7%	66.7% #78C7D6	RGB 120 199 214	#78C7D6
83.3%	83.3% #96E3D5	RGB 150 227 213	#96E3D5
100.0%	100.0% #B5FFD4	RGB 181 255 212	#B5FFD4

#0057DA #1E73D9 #3C8FD8 #5AABD7 #78C7D6 #96E3D5 #B5FFD4

#0057DA - #B5FFD4

HSV混合

#0057DA - #B5FFD4 | colorate

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

0.0%	0.0% #0057DA	RGB 0 87 218	#0057DA
16.7%	16.7% #1A90E0	RGB 26 144 224	#1A90E0
33.3%	33.3% #36C1E6	RGB 54 193 230	#36C1E6
50.0%	50.0% #53EAEC	RGB 83 234 236	#53EAEC
66.7%	66.7% #72F2DA	RGB 114 242 218	#72F2DA
83.3%	83.3% #93F8D1	RGB 147 248 209	#93F8D1
100.0%	100.0% #B5FFD4	RGB 181 255 212	#B5FFD4

#0057DA #1A90E0 #36C1E6 #53EAEC #72F2DA #93F8D1 #B5FFD4

#0057DA - #53EAEC - #B5FFD4

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0057DA 0%, #53EAEC 50%, #B5FFD4 100%);
    background: -webkit-linear-gradient(top, #0057DA 0%, #53EAEC 50%, #B5FFD4 100%);
    background: linear-gradient(to bottom, #0057DA 0%, #53EAEC 50%, #B5FFD4 100%);
}
</style>