#D4DACF - #8CAF7B | colorate

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

Blend #D4DACF to #8CAF7B

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

RGB混合

#D4DACF - #8CAF7B | colorate

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

0.0%	0.0% #D4DACF	RGB 212 218 207	#D4DACF
16.7%	16.7% #C8D2C1	RGB 200 210 193	#C8D2C1
33.3%	33.3% #BCCBB3	RGB 188 203 179	#BCCBB3
50.0%	50.0% #B0C4A5	RGB 176 196 165	#B0C4A5
66.7%	66.7% #A4BD97	RGB 164 189 151	#A4BD97
83.3%	83.3% #98B689	RGB 152 182 137	#98B689
100.0%	100.0% #8CAF7B	RGB 140 175 123	#8CAF7B

#D4DACF #C8D2C1 #BCCBB3 #B0C4A5 #A4BD97 #98B689 #8CAF7B

#D4DACF - #8CAF7B

HSV混合

#D4DACF - #8CAF7B | colorate

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

0.0%	0.0% #D4DACF	RGB 212 218 207	#D4DACF
16.7%	16.7% #C7D2BF	RGB 199 210 191	#C7D2BF
33.3%	33.3% #BBCBB0	RGB 187 203 176	#BBCBB0
50.0%	50.0% #AFC4A2	RGB 175 196 162	#AFC4A2
66.7%	66.7% #A3BD94	RGB 163 189 148	#A3BD94
83.3%	83.3% #97B687	RGB 151 182 135	#97B687
100.0%	100.0% #8CAF7B	RGB 140 175 123	#8CAF7B

#D4DACF #C7D2BF #BBCBB0 #AFC4A2 #A3BD94 #97B687 #8CAF7B

#D4DACF - #AFC4A2 - #8CAF7B

CSS代码

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

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