#A2DBCC - #DAE4BF | colorate

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

Blend #A2DBCC to #DAE4BF

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

RGB混合

#A2DBCC - #DAE4BF | colorate

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

0.0%	0.0% #A2DBCC	RGB 162 219 204	#A2DBCC
16.7%	16.7% #ABDCC9	RGB 171 220 201	#ABDCC9
33.3%	33.3% #B4DEC7	RGB 180 222 199	#B4DEC7
50.0%	50.0% #BEDFC5	RGB 190 223 197	#BEDFC5
66.7%	66.7% #C7E1C3	RGB 199 225 195	#C7E1C3
83.3%	83.3% #D0E2C1	RGB 208 226 193	#D0E2C1
100.0%	100.0% #DAE4BF	RGB 218 228 191	#DAE4BF

#A2DBCC #ABDCC9 #B4DEC7 #BEDFC5 #C7E1C3 #D0E2C1 #DAE4BF

#A2DBCC - #DAE4BF

HSV混合

#A2DBCC - #DAE4BF | colorate

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

0.0%	0.0% #A2DBCC	RGB 162 219 204	#A2DBCC
16.7%	16.7% #A6DCC1	RGB 166 220 193	#A6DCC1
33.3%	33.3% #ABDEB8	RGB 171 222 184	#ABDEB8
50.0%	50.0% #B0DFB0	RGB 176 223 176	#B0DFB0
66.7%	66.7% #BFE1B5	RGB 191 225 181	#BFE1B5
83.3%	83.3% #CDE2BA	RGB 205 226 186	#CDE2BA
100.0%	100.0% #DAE4BF	RGB 218 228 191	#DAE4BF

#A2DBCC #A6DCC1 #ABDEB8 #B0DFB0 #BFE1B5 #CDE2BA #DAE4BF

#A2DBCC - #B0DFB0 - #DAE4BF

CSS代码

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

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