#82CCFF - #DBF0FF | colorate

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

Blend #82CCFF to #DBF0FF

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

RGB混合

#82CCFF - #DBF0FF | colorate

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

0.0%	0.0% #82CCFF	RGB 130 204 255	#82CCFF
16.7%	16.7% #90D2FF	RGB 144 210 255	#90D2FF
33.3%	33.3% #9FD8FF	RGB 159 216 255	#9FD8FF
50.0%	50.0% #AEDEFF	RGB 174 222 255	#AEDEFF
66.7%	66.7% #BDE4FF	RGB 189 228 255	#BDE4FF
83.3%	83.3% #CCEAFF	RGB 204 234 255	#CCEAFF
100.0%	100.0% #DBF0FF	RGB 219 240 255	#DBF0FF

#82CCFF #90D2FF #9FD8FF #AEDEFF #BDE4FF #CCEAFF #DBF0FF

#82CCFF - #DBF0FF

HSV混合

#82CCFF - #DBF0FF | colorate

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

0.0%	0.0% #82CCFF	RGB 130 204 255	#82CCFF
16.7%	16.7% #90D1FF	RGB 144 209 255	#90D1FF
33.3%	33.3% #9FD7FF	RGB 159 215 255	#9FD7FF
50.0%	50.0% #AEDDFF	RGB 174 221 255	#AEDDFF
66.7%	66.7% #BDE3FF	RGB 189 227 255	#BDE3FF
83.3%	83.3% #CCE9FF	RGB 204 233 255	#CCE9FF
100.0%	100.0% #DBF0FF	RGB 219 240 255	#DBF0FF

#82CCFF #90D1FF #9FD7FF #AEDDFF #BDE3FF #CCE9FF #DBF0FF

#82CCFF - #AEDDFF - #DBF0FF

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82CCFF 0%, #AEDDFF 50%, #DBF0FF 100%);
    background: -webkit-linear-gradient(top, #82CCFF 0%, #AEDDFF 50%, #DBF0FF 100%);
    background: linear-gradient(to bottom, #82CCFF 0%, #AEDDFF 50%, #DBF0FF 100%);
}
</style>