#DAE5DC - #8DCF9C | colorate

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

Blend #DAE5DC to #8DCF9C

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

RGB混合

#DAE5DC - #8DCF9C | colorate

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

0.0%	0.0% #DAE5DC	RGB 218 229 220	#DAE5DC
16.7%	16.7% #CDE1D1	RGB 205 225 209	#CDE1D1
33.3%	33.3% #C0DDC6	RGB 192 221 198	#C0DDC6
50.0%	50.0% #B3DABC	RGB 179 218 188	#B3DABC
66.7%	66.7% #A6D6B1	RGB 166 214 177	#A6D6B1
83.3%	83.3% #99D2A6	RGB 153 210 166	#99D2A6
100.0%	100.0% #8DCF9C	RGB 141 207 156	#8DCF9C

#DAE5DC #CDE1D1 #C0DDC6 #B3DABC #A6D6B1 #99D2A6 #8DCF9C

#DAE5DC - #8DCF9C

HSV混合

#DAE5DC - #8DCF9C | colorate

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

0.0%	0.0% #DAE5DC	RGB 218 229 220	#DAE5DC
16.7%	16.7% #CCE1D0	RGB 204 225 208	#CCE1D0
33.3%	33.3% #BFDDC5	RGB 191 221 197	#BFDDC5
50.0%	50.0% #B2DABA	RGB 178 218 186	#B2DABA
66.7%	66.7% #A5D6AF	RGB 165 214 175	#A5D6AF
83.3%	83.3% #99D2A5	RGB 153 210 165	#99D2A5
100.0%	100.0% #8DCF9C	RGB 141 207 156	#8DCF9C

#DAE5DC #CCE1D0 #BFDDC5 #B2DABA #A5D6AF #99D2A5 #8DCF9C

#DAE5DC - #B2DABA - #8DCF9C

CSS代码

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

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