#32333D - #5E7F8C | colorate

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

Blend #32333D to #5E7F8C

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

RGB混合

#32333D - #5E7F8C | colorate

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

0.0%	0.0% #32333D	RGB 50 51 61	#32333D
16.7%	16.7% #393F4A	RGB 57 63 74	#393F4A
33.3%	33.3% #404C57	RGB 64 76 87	#404C57
50.0%	50.0% #485964	RGB 72 89 100	#485964
66.7%	66.7% #4F6571	RGB 79 101 113	#4F6571
83.3%	83.3% #56727E	RGB 86 114 126	#56727E
100.0%	100.0% #5E7F8C	RGB 94 127 140	#5E7F8C

#32333D #393F4A #404C57 #485964 #4F6571 #56727E #5E7F8C

#32333D - #5E7F8C

HSV混合

#32333D - #5E7F8C | colorate

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

0.0%	0.0% #32333D	RGB 50 51 61	#32333D
16.7%	16.7% #3A3D4A	RGB 58 61 74	#3A3D4A
33.3%	33.3% #434957	RGB 67 73 87	#434957
50.0%	50.0% #4A5564	RGB 74 85 100	#4A5564
66.7%	66.7% #516271	RGB 81 98 113	#516271
83.3%	83.3% #586F7E	RGB 88 111 126	#586F7E
100.0%	100.0% #5E7F8C	RGB 94 127 140	#5E7F8C

#32333D #3A3D4A #434957 #4A5564 #516271 #586F7E #5E7F8C

#32333D - #4A5564 - #5E7F8C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #32333D 0%, #4A5564 50%, #5E7F8C 100%);
    background: -webkit-linear-gradient(top, #32333D 0%, #4A5564 50%, #5E7F8C 100%);
    background: linear-gradient(to bottom, #32333D 0%, #4A5564 50%, #5E7F8C 100%);
}
</style>