#5E896B - #D1DDD4 | colorate

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

Blend #5E896B to #D1DDD4

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

RGB混合

#5E896B - #D1DDD4 | colorate

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

0.0%	0.0% #5E896B	RGB 94 137 107	#5E896B
16.7%	16.7% #71977C	RGB 113 151 124	#71977C
33.3%	33.3% #84A58E	RGB 132 165 142	#84A58E
50.0%	50.0% #97B39F	RGB 151 179 159	#97B39F
66.7%	66.7% #AAC1B1	RGB 170 193 177	#AAC1B1
83.3%	83.3% #BDCFC2	RGB 189 207 194	#BDCFC2
100.0%	100.0% #D1DDD4	RGB 209 221 212	#D1DDD4

#5E896B #71977C #84A58E #97B39F #AAC1B1 #BDCFC2 #D1DDD4

#5E896B - #D1DDD4

HSV混合

#5E896B - #D1DDD4 | colorate

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

0.0%	0.0% #5E896B	RGB 94 137 107	#5E896B
16.7%	16.7% #6E977A	RGB 110 151 122	#6E977A
33.3%	33.3% #7FA58A	RGB 127 165 138	#7FA58A
50.0%	50.0% #92B39B	RGB 146 179 155	#92B39B
66.7%	66.7% #A5C1AD	RGB 165 193 173	#A5C1AD
83.3%	83.3% #BACFC0	RGB 186 207 192	#BACFC0
100.0%	100.0% #D1DDD4	RGB 209 221 212	#D1DDD4

#5E896B #6E977A #7FA58A #92B39B #A5C1AD #BACFC0 #D1DDD4

#5E896B - #92B39B - #D1DDD4

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E896B 0%, #92B39B 50%, #D1DDD4 100%);
    background: -webkit-linear-gradient(top, #5E896B 0%, #92B39B 50%, #D1DDD4 100%);
    background: linear-gradient(to bottom, #5E896B 0%, #92B39B 50%, #D1DDD4 100%);
}
</style>