#EBFDEC - #9CD1C0 | colorate

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

Blend #EBFDEC to #9CD1C0

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

RGB混合

#EBFDEC - #9CD1C0 | colorate

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

0.0%	0.0% #EBFDEC	RGB 235 253 236	#EBFDEC
16.7%	16.7% #DDF5E4	RGB 221 245 228	#DDF5E4
33.3%	33.3% #D0EEDD	RGB 208 238 221	#D0EEDD
50.0%	50.0% #C3E7D6	RGB 195 231 214	#C3E7D6
66.7%	66.7% #B6DFCE	RGB 182 223 206	#B6DFCE
83.3%	83.3% #A9D8C7	RGB 169 216 199	#A9D8C7
100.0%	100.0% #9CD1C0	RGB 156 209 192	#9CD1C0

#EBFDEC #DDF5E4 #D0EEDD #C3E7D6 #B6DFCE #A9D8C7 #9CD1C0

#EBFDEC - #9CD1C0

HSV混合

#EBFDEC - #9CD1C0 | colorate

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

0.0%	0.0% #EBFDEC	RGB 235 253 236	#EBFDEC
16.7%	16.7% #DCF5E0	RGB 220 245 224	#DCF5E0
33.3%	33.3% #CEEED7	RGB 206 238 215	#CEEED7
50.0%	50.0% #C1E7CF	RGB 193 231 207	#C1E7CF
66.7%	66.7% #B4DFC8	RGB 180 223 200	#B4DFC8
83.3%	83.3% #A8D8C3	RGB 168 216 195	#A8D8C3
100.0%	100.0% #9CD1C0	RGB 156 209 192	#9CD1C0

#EBFDEC #DCF5E0 #CEEED7 #C1E7CF #B4DFC8 #A8D8C3 #9CD1C0

#EBFDEC - #C1E7CF - #9CD1C0

CSS代码

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

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