#A8F7E9 - #E2E4CA | colorate

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

Blend #A8F7E9 to #E2E4CA

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

RGB混合

#A8F7E9 - #E2E4CA | colorate

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

0.0%	0.0% #A8F7E9	RGB 168 247 233	#A8F7E9
16.7%	16.7% #B1F3E3	RGB 177 243 227	#B1F3E3
33.3%	33.3% #BBF0DE	RGB 187 240 222	#BBF0DE
50.0%	50.0% #C5EDD9	RGB 197 237 217	#C5EDD9
66.7%	66.7% #CEEAD4	RGB 206 234 212	#CEEAD4
83.3%	83.3% #D8E7CF	RGB 216 231 207	#D8E7CF
100.0%	100.0% #E2E4CA	RGB 226 228 202	#E2E4CA

#A8F7E9 #B1F3E3 #BBF0DE #C5EDD9 #CEEAD4 #D8E7CF #E2E4CA

#A8F7E9 - #E2E4CA

HSV混合

#A8F7E9 - #E2E4CA | colorate

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

0.0%	0.0% #A8F7E9	RGB 168 247 233	#A8F7E9
16.7%	16.7% #AEF3D3	RGB 174 243 211	#AEF3D3
33.3%	33.3% #B4F0C2	RGB 180 240 194	#B4F0C2
50.0%	50.0% #BCEDB9	RGB 188 237 185	#BCEDB9
66.7%	66.7% #CEEABF	RGB 206 234 191	#CEEABF
83.3%	83.3% #DAE7C4	RGB 218 231 196	#DAE7C4
100.0%	100.0% #E2E4CA	RGB 226 228 202	#E2E4CA

#A8F7E9 #AEF3D3 #B4F0C2 #BCEDB9 #CEEABF #DAE7C4 #E2E4CA

#A8F7E9 - #BCEDB9 - #E2E4CA

CSS代码

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

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