#897A8C - #DDD9DE | colorate

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

Blend #897A8C to #DDD9DE

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

RGB混合

#897A8C - #DDD9DE | colorate

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

0.0%	0.0% #897A8C	RGB 137 122 140	#897A8C
16.7%	16.7% #978999	RGB 151 137 153	#978999
33.3%	33.3% #A599A7	RGB 165 153 167	#A599A7
50.0%	50.0% #B3A9B5	RGB 179 169 181	#B3A9B5
66.7%	66.7% #C1B9C2	RGB 193 185 194	#C1B9C2
83.3%	83.3% #CFC9D0	RGB 207 201 208	#CFC9D0
100.0%	100.0% #DDD9DE	RGB 221 217 222	#DDD9DE

#897A8C #978999 #A599A7 #B3A9B5 #C1B9C2 #CFC9D0 #DDD9DE

#897A8C - #DDD9DE

HSV混合

#897A8C - #DDD9DE | colorate

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

0.0%	0.0% #897A8C	RGB 137 122 140	#897A8C
16.7%	16.7% #968899	RGB 150 136 153	#968899
33.3%	33.3% #A497A7	RGB 164 151 167	#A497A7
50.0%	50.0% #B2A7B5	RGB 178 167 181	#B2A7B5
66.7%	66.7% #C0B7C2	RGB 192 183 194	#C0B7C2
83.3%	83.3% #CEC7D0	RGB 206 199 208	#CEC7D0
100.0%	100.0% #DDD9DE	RGB 221 217 222	#DDD9DE

#897A8C #968899 #A497A7 #B2A7B5 #C0B7C2 #CEC7D0 #DDD9DE

#897A8C - #B2A7B5 - #DDD9DE

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #897A8C 0%, #B2A7B5 50%, #DDD9DE 100%);
    background: -webkit-linear-gradient(top, #897A8C 0%, #B2A7B5 50%, #DDD9DE 100%);
    background: linear-gradient(to bottom, #897A8C 0%, #B2A7B5 50%, #DDD9DE 100%);
}
</style>