#5E5A6B - #D1CFD4 | colorate

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

Blend #5E5A6B to #D1CFD4

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

RGB混合

#5E5A6B - #D1CFD4 | colorate

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

0.0%	0.0% #5E5A6B	RGB 94 90 107	#5E5A6B
16.7%	16.7% #716D7C	RGB 113 109 124	#716D7C
33.3%	33.3% #84818E	RGB 132 129 142	#84818E
50.0%	50.0% #97949F	RGB 151 148 159	#97949F
66.7%	66.7% #AAA8B1	RGB 170 168 177	#AAA8B1
83.3%	83.3% #BDBBC2	RGB 189 187 194	#BDBBC2
100.0%	100.0% #D1CFD4	RGB 209 207 212	#D1CFD4

#5E5A6B #716D7C #84818E #97949F #AAA8B1 #BDBBC2 #D1CFD4

#5E5A6B - #D1CFD4

HSV混合

#5E5A6B - #D1CFD4 | colorate

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

0.0%	0.0% #5E5A6B	RGB 94 90 107	#5E5A6B
16.7%	16.7% #6F6B7C	RGB 111 107 124	#6F6B7C
33.3%	33.3% #827D8E	RGB 130 125 142	#827D8E
50.0%	50.0% #95909F	RGB 149 144 159	#95909F
66.7%	66.7% #A9A4B1	RGB 169 164 177	#A9A4B1
83.3%	83.3% #BCB9C2	RGB 188 185 194	#BCB9C2
100.0%	100.0% #D1CFD4	RGB 209 207 212	#D1CFD4

#5E5A6B #6F6B7C #827D8E #95909F #A9A4B1 #BCB9C2 #D1CFD4

#5E5A6B - #95909F - #D1CFD4

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5A6B 0%, #95909F 50%, #D1CFD4 100%);
    background: -webkit-linear-gradient(top, #5E5A6B 0%, #95909F 50%, #D1CFD4 100%);
    background: linear-gradient(to bottom, #5E5A6B 0%, #95909F 50%, #D1CFD4 100%);
}
</style>