#D9FEE6 - #3E4841 | colorate

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

Blend #D9FEE6 to #3E4841

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

RGB混合

#D9FEE6 - #3E4841 | colorate

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

0.0%	0.0% #D9FEE6	RGB 217 254 230	#D9FEE6
16.7%	16.7% #BFDFCA	RGB 191 223 202	#BFDFCA
33.3%	33.3% #A5C1AF	RGB 165 193 175	#A5C1AF
50.0%	50.0% #8BA393	RGB 139 163 147	#8BA393
66.7%	66.7% #718478	RGB 113 132 120	#718478
83.3%	83.3% #57665C	RGB 87 102 92	#57665C
100.0%	100.0% #3E4841	RGB 62 72 65	#3E4841

#D9FEE6 #BFDFCA #A5C1AF #8BA393 #718478 #57665C #3E4841

#D9FEE6 - #3E4841

HSV混合

#D9FEE6 - #3E4841 | colorate

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

0.0%	0.0% #D9FEE6	RGB 217 254 230	#D9FEE6
16.7%	16.7% #BFDFCA	RGB 191 223 202	#BFDFCA
33.3%	33.3% #A5C1AE	RGB 165 193 174	#A5C1AE
50.0%	50.0% #8BA393	RGB 139 163 147	#8BA393
66.7%	66.7% #718477	RGB 113 132 119	#718477
83.3%	83.3% #58665C	RGB 88 102 92	#58665C
100.0%	100.0% #3E4841	RGB 62 72 65	#3E4841

#D9FEE6 #BFDFCA #A5C1AE #8BA393 #718477 #58665C #3E4841

#D9FEE6 - #8BA393 - #3E4841

CSS代码

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

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