#5E3C50 - #CDD175 | colorate

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

Blend #5E3C50 to #CDD175

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

RGB混合

#5E3C50 - #CDD175 | colorate

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

0.0%	0.0% #5E3C50	RGB 94 60 80	#5E3C50
16.7%	16.7% #705456	RGB 112 84 86	#705456
33.3%	33.3% #836D5C	RGB 131 109 92	#836D5C
50.0%	50.0% #958662	RGB 149 134 98	#958662
66.7%	66.7% #A89F68	RGB 168 159 104	#A89F68
83.3%	83.3% #BAB86E	RGB 186 184 110	#BAB86E
100.0%	100.0% #CDD175	RGB 205 209 117	#CDD175

#5E3C50 #705456 #836D5C #958662 #A89F68 #BAB86E #CDD175

#5E3C50 - #CDD175

HSV混合

#5E3C50 - #CDD175 | colorate

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

0.0%	0.0% #5E3C50	RGB 94 60 80	#5E3C50
16.7%	16.7% #714654	RGB 113 70 84	#714654
33.3%	33.3% #845153	RGB 132 81 83	#845153
50.0%	50.0% #97685A	RGB 151 104 90	#97685A
66.7%	66.7% #AA8764	RGB 170 135 100	#AA8764
83.3%	83.3% #BDAB6C	RGB 189 171 108	#BDAB6C
100.0%	100.0% #CDD175	RGB 205 209 117	#CDD175

#5E3C50 #714654 #845153 #97685A #AA8764 #BDAB6C #CDD175

#5E3C50 - #97685A - #CDD175

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3C50 0%, #97685A 50%, #CDD175 100%);
    background: -webkit-linear-gradient(top, #5E3C50 0%, #97685A 50%, #CDD175 100%);
    background: linear-gradient(to bottom, #5E3C50 0%, #97685A 50%, #CDD175 100%);
}
</style>