#A8C4B5 - #4A887D | colorate

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

Blend #A8C4B5 to #4A887D

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

RGB混合

#A8C4B5 - #4A887D | colorate

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

0.0%	0.0% #A8C4B5	RGB 168 196 181	#A8C4B5
16.7%	16.7% #98BAAB	RGB 152 186 171	#98BAAB
33.3%	33.3% #88B0A2	RGB 136 176 162	#88B0A2
50.0%	50.0% #79A699	RGB 121 166 153	#79A699
66.7%	66.7% #699C8F	RGB 105 156 143	#699C8F
83.3%	83.3% #599286	RGB 89 146 134	#599286
100.0%	100.0% #4A887D	RGB 74 136 125	#4A887D

#A8C4B5 #98BAAB #88B0A2 #79A699 #699C8F #599286 #4A887D

#A8C4B5 - #4A887D

HSV混合

#A8C4B5 - #4A887D | colorate

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

0.0%	0.0% #A8C4B5	RGB 168 196 181	#A8C4B5
16.7%	16.7% #95BAA8	RGB 149 186 168	#95BAA8
33.3%	33.3% #84B09D	RGB 132 176 157	#84B09D
50.0%	50.0% #74A694	RGB 116 166 148	#74A694
66.7%	66.7% #659C8B	RGB 101 156 139	#659C8B
83.3%	83.3% #579284	RGB 87 146 132	#579284
100.0%	100.0% #4A887D	RGB 74 136 125	#4A887D

#A8C4B5 #95BAA8 #84B09D #74A694 #659C8B #579284 #4A887D

#A8C4B5 - #74A694 - #4A887D

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8C4B5 0%, #74A694 50%, #4A887D 100%);
    background: -webkit-linear-gradient(top, #A8C4B5 0%, #74A694 50%, #4A887D 100%);
    background: linear-gradient(to bottom, #A8C4B5 0%, #74A694 50%, #4A887D 100%);
}
</style>