#A5E5CD - #E5F7F0 | colorate

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

Blend #A5E5CD to #E5F7F0

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

RGB混合

#A5E5CD - #E5F7F0 | colorate

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

0.0%	0.0% #A5E5CD	RGB 165 229 205	#A5E5CD
16.7%	16.7% #AFE8D2	RGB 175 232 210	#AFE8D2
33.3%	33.3% #BAEBD8	RGB 186 235 216	#BAEBD8
50.0%	50.0% #C5EEDE	RGB 197 238 222	#C5EEDE
66.7%	66.7% #CFF1E4	RGB 207 241 228	#CFF1E4
83.3%	83.3% #DAF4EA	RGB 218 244 234	#DAF4EA
100.0%	100.0% #E5F7F0	RGB 229 247 240	#E5F7F0

#A5E5CD #AFE8D2 #BAEBD8 #C5EEDE #CFF1E4 #DAF4EA #E5F7F0

#A5E5CD - #E5F7F0

HSV混合

#A5E5CD - #E5F7F0 | colorate

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

0.0%	0.0% #A5E5CD	RGB 165 229 205	#A5E5CD
16.7%	16.7% #AFE8D2	RGB 175 232 210	#AFE8D2
33.3%	33.3% #B9EBD8	RGB 185 235 216	#B9EBD8
50.0%	50.0% #C4EEDD	RGB 196 238 221	#C4EEDD
66.7%	66.7% #CEF1E3	RGB 206 241 227	#CEF1E3
83.3%	83.3% #D9F4E9	RGB 217 244 233	#D9F4E9
100.0%	100.0% #E5F7F0	RGB 229 247 240	#E5F7F0

#A5E5CD #AFE8D2 #B9EBD8 #C4EEDD #CEF1E3 #D9F4E9 #E5F7F0

#A5E5CD - #C4EEDD - #E5F7F0

CSS代码

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

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