#EAF2BA - #EBFCD9 | colorate

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

Blend #EAF2BA to #EBFCD9

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

RGB混合

#EAF2BA - #EBFCD9 | colorate

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

0.0%	0.0% #EAF2BA	RGB 234 242 186	#EAF2BA
16.7%	16.7% #EAF3BF	RGB 234 243 191	#EAF3BF
33.3%	33.3% #EAF5C4	RGB 234 245 196	#EAF5C4
50.0%	50.0% #EAF7C9	RGB 234 247 201	#EAF7C9
66.7%	66.7% #EAF8CE	RGB 234 248 206	#EAF8CE
83.3%	83.3% #EAFAD3	RGB 234 250 211	#EAFAD3
100.0%	100.0% #EBFCD9	RGB 235 252 217	#EBFCD9

#EAF2BA #EAF3BF #EAF5C4 #EAF7C9 #EAF8CE #EAFAD3 #EBFCD9

#EAF2BA - #EBFCD9

HSV混合

#EAF2BA - #EBFCD9 | colorate

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

0.0%	0.0% #EAF2BA	RGB 234 242 186	#EAF2BA
16.7%	16.7% #E9F3BF	RGB 233 243 191	#E9F3BF
33.3%	33.3% #E8F5C4	RGB 232 245 196	#E8F5C4
50.0%	50.0% #E8F7C9	RGB 232 247 201	#E8F7C9
66.7%	66.7% #E8F8CE	RGB 232 248 206	#E8F8CE
83.3%	83.3% #E9FAD3	RGB 233 250 211	#E9FAD3
100.0%	100.0% #EBFCD9	RGB 235 252 217	#EBFCD9

#EAF2BA #E9F3BF #E8F5C4 #E8F7C9 #E8F8CE #E9FAD3 #EBFCD9

#EAF2BA - #E8F7C9 - #EBFCD9

CSS代码

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

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