#5E7182 - #D1D6DB | colorate

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

Blend #5E7182 to #D1D6DB

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

RGB混合

#5E7182 - #D1D6DB | colorate

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

0.0%	0.0% #5E7182	RGB 94 113 130	#5E7182
16.7%	16.7% #718190	RGB 113 129 144	#718190
33.3%	33.3% #84929F	RGB 132 146 159	#84929F
50.0%	50.0% #97A3AE	RGB 151 163 174	#97A3AE
66.7%	66.7% #AAB4BD	RGB 170 180 189	#AAB4BD
83.3%	83.3% #BDC5CC	RGB 189 197 204	#BDC5CC
100.0%	100.0% #D1D6DB	RGB 209 214 219	#D1D6DB

#5E7182 #718190 #84929F #97A3AE #AAB4BD #BDC5CC #D1D6DB

#5E7182 - #D1D6DB

HSV混合

#5E7182 - #D1D6DB | colorate

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

0.0%	0.0% #5E7182	RGB 94 113 130	#5E7182
16.7%	16.7% #6E8090	RGB 110 128 144	#6E8090
33.3%	33.3% #7F909F	RGB 127 144 159	#7F909F
50.0%	50.0% #92A0AE	RGB 146 160 174	#92A0AE
66.7%	66.7% #A6B1BD	RGB 166 177 189	#A6B1BD
83.3%	83.3% #BAC3CC	RGB 186 195 204	#BAC3CC
100.0%	100.0% #D1D6DB	RGB 209 214 219	#D1D6DB

#5E7182 #6E8090 #7F909F #92A0AE #A6B1BD #BAC3CC #D1D6DB

#5E7182 - #92A0AE - #D1D6DB

CSS代码

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

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