#1CB5E6 - #B2EEDF | colorate

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

Blend #1CB5E6 to #B2EEDF

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

RGB混合

#1CB5E6 - #B2EEDF | colorate

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

0.0%	0.0% #1CB5E6	RGB 28 181 230	#1CB5E6
16.7%	16.7% #35BEE4	RGB 53 190 228	#35BEE4
33.3%	33.3% #4EC8E3	RGB 78 200 227	#4EC8E3
50.0%	50.0% #67D1E2	RGB 103 209 226	#67D1E2
66.7%	66.7% #80DBE1	RGB 128 219 225	#80DBE1
83.3%	83.3% #99E4E0	RGB 153 228 224	#99E4E0
100.0%	100.0% #B2EEDF	RGB 178 238 223	#B2EEDF

#1CB5E6 #35BEE4 #4EC8E3 #67D1E2 #80DBE1 #99E4E0 #B2EEDF

#1CB5E6 - #B2EEDF

HSV混合

#1CB5E6 - #B2EEDF | colorate

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

0.0%	0.0% #1CB5E6	RGB 28 181 230	#1CB5E6
16.7%	16.7% #34CAE7	RGB 52 202 231	#34CAE7
33.3%	33.3% #4CDCE8	RGB 76 220 232	#4CDCE8
50.0%	50.0% #65EAE9	RGB 101 234 233	#65EAE9
66.7%	66.7% #7EEBE2	RGB 126 235 226	#7EEBE2
83.3%	83.3% #98ECDE	RGB 152 236 222	#98ECDE
100.0%	100.0% #B2EEDF	RGB 178 238 223	#B2EEDF

#1CB5E6 #34CAE7 #4CDCE8 #65EAE9 #7EEBE2 #98ECDE #B2EEDF

#1CB5E6 - #65EAE9 - #B2EEDF

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1CB5E6 0%, #65EAE9 50%, #B2EEDF 100%);
    background: -webkit-linear-gradient(top, #1CB5E6 0%, #65EAE9 50%, #B2EEDF 100%);
    background: linear-gradient(to bottom, #1CB5E6 0%, #65EAE9 50%, #B2EEDF 100%);
}
</style>