#0059C2 - #B2FFD3 | colorate

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

Blend #0059C2 to #B2FFD3

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

RGB混合

#0059C2 - #B2FFD3 | colorate

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

0.0%	0.0% #0059C2	RGB 0 89 194	#0059C2
16.7%	16.7% #1D74C4	RGB 29 116 196	#1D74C4
33.3%	33.3% #3B90C7	RGB 59 144 199	#3B90C7
50.0%	50.0% #59ACCA	RGB 89 172 202	#59ACCA
66.7%	66.7% #76C7CD	RGB 118 199 205	#76C7CD
83.3%	83.3% #94E3D0	RGB 148 227 208	#94E3D0
100.0%	100.0% #B2FFD3	RGB 178 255 211	#B2FFD3

#0059C2 #1D74C4 #3B90C7 #59ACCA #76C7CD #94E3D0 #B2FFD3

#0059C2 - #B2FFD3

HSV混合

#0059C2 - #B2FFD3 | colorate

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

0.0%	0.0% #0058C2	RGB 0 88 194	#0058C2
16.7%	16.7% #178BCC	RGB 23 139 204	#178BCC
33.3%	33.3% #31BAD6	RGB 49 186 214	#31BAD6
50.0%	50.0% #4EE0DE	RGB 78 224 222	#4EE0DE
66.7%	66.7% #6DEAD1	RGB 109 234 209	#6DEAD1
83.3%	83.3% #8EF4CD	RGB 142 244 205	#8EF4CD
100.0%	100.0% #B2FFD3	RGB 178 255 211	#B2FFD3

#0058C2 #178BCC #31BAD6 #4EE0DE #6DEAD1 #8EF4CD #B2FFD3

#0059C2 - #4EE0DE - #B2FFD3

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0058C2 0%, #4EE0DE 50%, #B2FFD3 100%);
    background: -webkit-linear-gradient(top, #0058C2 0%, #4EE0DE 50%, #B2FFD3 100%);
    background: linear-gradient(to bottom, #0058C2 0%, #4EE0DE 50%, #B2FFD3 100%);
}
</style>