#7DA79E - #D9E5E2 | colorate

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

Blend #7DA79E to #D9E5E2

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

RGB混合

#7DA79E - #D9E5E2 | colorate

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

0.0%	0.0% #7DA79E	RGB 125 167 158	#7DA79E
16.7%	16.7% #8CB1A9	RGB 140 177 169	#8CB1A9
33.3%	33.3% #9BBBB4	RGB 155 187 180	#9BBBB4
50.0%	50.0% #ABC6C0	RGB 171 198 192	#ABC6C0
66.7%	66.7% #BAD0CB	RGB 186 208 203	#BAD0CB
83.3%	83.3% #C9DAD6	RGB 201 218 214	#C9DAD6
100.0%	100.0% #D9E5E2	RGB 217 229 226	#D9E5E2

#7DA79E #8CB1A9 #9BBBB4 #ABC6C0 #BAD0CB #C9DAD6 #D9E5E2

#7DA79E - #D9E5E2

HSV混合

#7DA79E - #D9E5E2 | colorate

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

0.0%	0.0% #7DA79E	RGB 125 167 158	#7DA79E
16.7%	16.7% #8AB1A8	RGB 138 177 168	#8AB1A8
33.3%	33.3% #98BBB3	RGB 152 187 179	#98BBB3
50.0%	50.0% #A7C6BF	RGB 167 198 191	#A7C6BF
66.7%	66.7% #B7D0CA	RGB 183 208 202	#B7D0CA
83.3%	83.3% #C7DAD6	RGB 199 218 214	#C7DAD6
100.0%	100.0% #D9E5E2	RGB 217 229 226	#D9E5E2

#7DA79E #8AB1A8 #98BBB3 #A7C6BF #B7D0CA #C7DAD6 #D9E5E2

#7DA79E - #A7C6BF - #D9E5E2

CSS代码

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

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