#5E564C - #D1CECB | colorate

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

Blend #5E564C to #D1CECB

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

RGB混合

#5E564C - #D1CECB | colorate

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

0.0%	0.0% #5E564C	RGB 94 86 76	#5E564C
16.7%	16.7% #716A61	RGB 113 106 97	#716A61
33.3%	33.3% #847E76	RGB 132 126 118	#847E76
50.0%	50.0% #97928B	RGB 151 146 139	#97928B
66.7%	66.7% #AAA6A0	RGB 170 166 160	#AAA6A0
83.3%	83.3% #BDBAB5	RGB 189 186 181	#BDBAB5
100.0%	100.0% #D1CECB	RGB 209 206 203	#D1CECB

#5E564C #716A61 #847E76 #97928B #AAA6A0 #BDBAB5 #D1CECB

#5E564C - #D1CECB

HSV混合

#5E564C - #D1CECB | colorate

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

0.0%	0.0% #5E564C	RGB 94 86 76	#5E564C
16.7%	16.7% #71685E	RGB 113 104 94	#71685E
33.3%	33.3% #847B72	RGB 132 123 114	#847B72
50.0%	50.0% #978F86	RGB 151 143 134	#978F86
66.7%	66.7% #AAA39C	RGB 170 163 156	#AAA39C
83.3%	83.3% #BDB8B3	RGB 189 184 179	#BDB8B3
100.0%	100.0% #D1CECB	RGB 209 206 203	#D1CECB

#5E564C #71685E #847B72 #978F86 #AAA39C #BDB8B3 #D1CECB

#5E564C - #978F86 - #D1CECB

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E564C 0%, #978F86 50%, #D1CECB 100%);
    background: -webkit-linear-gradient(top, #5E564C 0%, #978F86 50%, #D1CECB 100%);
    background: linear-gradient(to bottom, #5E564C 0%, #978F86 50%, #D1CECB 100%);
}
</style>