#CFF1FF - #D9FCDF | colorate

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

Blend #CFF1FF to #D9FCDF

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

RGB混合

#CFF1FF - #D9FCDF | colorate

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

0.0%	0.0% #CFF1FF	RGB 207 241 255	#CFF1FF
16.7%	16.7% #D0F2F9	RGB 208 242 249	#D0F2F9
33.3%	33.3% #D2F4F4	RGB 210 244 244	#D2F4F4
50.0%	50.0% #D4F6EF	RGB 212 246 239	#D4F6EF
66.7%	66.7% #D5F8E9	RGB 213 248 233	#D5F8E9
83.3%	83.3% #D7FAE4	RGB 215 250 228	#D7FAE4
100.0%	100.0% #D9FCDF	RGB 217 252 223	#D9FCDF

#CFF1FF #D0F2F9 #D2F4F4 #D4F6EF #D5F8E9 #D7FAE4 #D9FCDF

#CFF1FF - #D9FCDF

HSV混合

#CFF1FF - #D9FCDF | colorate

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

0.0%	0.0% #CFF1FF	RGB 207 241 255	#CFF1FF
16.7%	16.7% #D0F9FE	RGB 208 249 254	#D0F9FE
33.3%	33.3% #D2FEFA	RGB 210 254 250	#D2FEFA
50.0%	50.0% #D4FDF2	RGB 212 253 242	#D4FDF2
66.7%	66.7% #D5FDEB	RGB 213 253 235	#D5FDEB
83.3%	83.3% #D7FCE4	RGB 215 252 228	#D7FCE4
100.0%	100.0% #D9FCDF	RGB 217 252 223	#D9FCDF

#CFF1FF #D0F9FE #D2FEFA #D4FDF2 #D5FDEB #D7FCE4 #D9FCDF

#CFF1FF - #D4FDF2 - #D9FCDF

CSS代码

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

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