#DEE5DA - #A8BE8D | colorate

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

Blend #DEE5DA to #A8BE8D

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

RGB混合

#DEE5DA - #A8BE8D | colorate

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

0.0%	0.0% #DEE5DA	RGB 222 229 218	#DEE5DA
16.7%	16.7% #D5DECD	RGB 213 222 205	#D5DECD
33.3%	33.3% #CCD8C0	RGB 204 216 192	#CCD8C0
50.0%	50.0% #C3D1B3	RGB 195 209 179	#C3D1B3
66.7%	66.7% #BACBA6	RGB 186 203 166	#BACBA6
83.3%	83.3% #B1C499	RGB 177 196 153	#B1C499
100.0%	100.0% #A8BE8D	RGB 168 190 141	#A8BE8D

#DEE5DA #D5DECD #CCD8C0 #C3D1B3 #BACBA6 #B1C499 #A8BE8D

#DEE5DA - #A8BE8D

HSV混合

#DEE5DA - #A8BE8D | colorate

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

0.0%	0.0% #DEE5DA	RGB 222 229 218	#DEE5DA
16.7%	16.7% #D3DECC	RGB 211 222 204	#D3DECC
33.3%	33.3% #C9D8BE	RGB 201 216 190	#C9D8BE
50.0%	50.0% #C0D1B1	RGB 192 209 177	#C0D1B1
66.7%	66.7% #B7CBA4	RGB 183 203 164	#B7CBA4
83.3%	83.3% #AFC498	RGB 175 196 152	#AFC498
100.0%	100.0% #A8BE8D	RGB 168 190 141	#A8BE8D

#DEE5DA #D3DECC #C9D8BE #C0D1B1 #B7CBA4 #AFC498 #A8BE8D

#DEE5DA - #C0D1B1 - #A8BE8D

CSS代码

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

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