#D0FFEE - #ECF9FD | colorate

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

Blend #D0FFEE to #ECF9FD

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

RGB混合

#D0FFEE - #ECF9FD | colorate

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

0.0%	0.0% #D0FFEE	RGB 208 255 238	#D0FFEE
16.7%	16.7% #D4FEF0	RGB 212 254 240	#D4FEF0
33.3%	33.3% #D9FDF3	RGB 217 253 243	#D9FDF3
50.0%	50.0% #DEFCF5	RGB 222 252 245	#DEFCF5
66.7%	66.7% #E2FBF8	RGB 226 251 248	#E2FBF8
83.3%	83.3% #E7FAFA	RGB 231 250 250	#E7FAFA
100.0%	100.0% #ECF9FD	RGB 236 249 253	#ECF9FD

#D0FFEE #D4FEF0 #D9FDF3 #DEFCF5 #E2FBF8 #E7FAFA #ECF9FD

#D0FFEE - #ECF9FD

HSV混合

#D0FFEE - #ECF9FD | colorate

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

0.0%	0.0% #D0FFEE	RGB 208 255 238	#D0FFEE
16.7%	16.7% #D4FEF3	RGB 212 254 243	#D4FEF3
33.3%	33.3% #D9FEF8	RGB 217 254 248	#D9FEF8
50.0%	50.0% #DEFEFB	RGB 222 254 251	#DEFEFB
66.7%	66.7% #E2FCFD	RGB 226 252 253	#E2FCFD
83.3%	83.3% #E7FAFD	RGB 231 250 253	#E7FAFD
100.0%	100.0% #ECF9FD	RGB 236 249 253	#ECF9FD

#D0FFEE #D4FEF3 #D9FEF8 #DEFEFB #E2FCFD #E7FAFD #ECF9FD

#D0FFEE - #DEFEFB - #ECF9FD

CSS代码

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

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