#7A8C7B - #C4C992 | colorate

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

Blend #7A8C7B to #C4C992

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

RGB混合

#7A8C7B - #C4C992 | colorate

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

0.0%	0.0% #7A8C7B	RGB 122 140 123	#7A8C7B
16.7%	16.7% #86967E	RGB 134 150 126	#86967E
33.3%	33.3% #92A082	RGB 146 160 130	#92A082
50.0%	50.0% #9FAA86	RGB 159 170 134	#9FAA86
66.7%	66.7% #ABB48A	RGB 171 180 138	#ABB48A
83.3%	83.3% #B7BE8E	RGB 183 190 142	#B7BE8E
100.0%	100.0% #C4C992	RGB 196 201 146	#C4C992

#7A8C7B #86967E #92A082 #9FAA86 #ABB48A #B7BE8E #C4C992

#7A8C7B - #C4C992

HSV混合

#7A8C7B - #C4C992 | colorate

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

0.0%	0.0% #7A8C7B	RGB 122 140 123	#7A8C7B
16.7%	16.7% #81967F	RGB 129 150 127	#81967F
33.3%	33.3% #8BA083	RGB 139 160 131	#8BA083
50.0%	50.0% #96AA88	RGB 150 170 136	#96AA88
66.7%	66.7% #A3B48B	RGB 163 180 139	#A3B48B
83.3%	83.3% #B2BE8F	RGB 178 190 143	#B2BE8F
100.0%	100.0% #C4C992	RGB 196 201 146	#C4C992

#7A8C7B #81967F #8BA083 #96AA88 #A3B48B #B2BE8F #C4C992

#7A8C7B - #96AA88 - #C4C992

CSS代码

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

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