#7A8F7F - #D9DFDA | colorate

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

Blend #7A8F7F to #D9DFDA

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

RGB混合

#7A8F7F - #D9DFDA | colorate

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

0.0%	0.0% #7A8F7F	RGB 122 143 127	#7A8F7F
16.7%	16.7% #899C8E	RGB 137 156 142	#899C8E
33.3%	33.3% #99A99D	RGB 153 169 157	#99A99D
50.0%	50.0% #A9B7AC	RGB 169 183 172	#A9B7AC
66.7%	66.7% #B9C4BB	RGB 185 196 187	#B9C4BB
83.3%	83.3% #C9D1CA	RGB 201 209 202	#C9D1CA
100.0%	100.0% #D9DFDA	RGB 217 223 218	#D9DFDA

#7A8F7F #899C8E #99A99D #A9B7AC #B9C4BB #C9D1CA #D9DFDA

#7A8F7F - #D9DFDA

HSV混合

#7A8F7F - #D9DFDA | colorate

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

0.0%	0.0% #7A8F7F	RGB 122 143 127	#7A8F7F
16.7%	16.7% #889C8C	RGB 136 156 140	#889C8C
33.3%	33.3% #97A99B	RGB 151 169 155	#97A99B
50.0%	50.0% #A7B7AA	RGB 167 183 170	#A7B7AA
66.7%	66.7% #B7C4B9	RGB 183 196 185	#B7C4B9
83.3%	83.3% #C7D1C9	RGB 199 209 201	#C7D1C9
100.0%	100.0% #D9DFDA	RGB 217 223 218	#D9DFDA

#7A8F7F #889C8C #97A99B #A7B7AA #B7C4B9 #C7D1C9 #D9DFDA

#7A8F7F - #A7B7AA - #D9DFDA

CSS代码

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

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