#5E4A64 - #E48F72 | colorate

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

Blend #5E4A64 to #E48F72

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

RGB混合

#5E4A64 - #E48F72 | colorate

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

0.0%	0.0% #5E4A64	RGB 94 74 100	#5E4A64
16.7%	16.7% #745566	RGB 116 85 102	#745566
33.3%	33.3% #8A6168	RGB 138 97 104	#8A6168
50.0%	50.0% #A16C6B	RGB 161 108 107	#A16C6B
66.7%	66.7% #B7786D	RGB 183 120 109	#B7786D
83.3%	83.3% #CD836F	RGB 205 131 111	#CD836F
100.0%	100.0% #E48F72	RGB 228 143 114	#E48F72

#5E4A64 #745566 #8A6168 #A16C6B #B7786D #CD836F #E48F72

#5E4A64 - #E48F72

HSV混合

#5E4A64 - #E48F72 | colorate

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

0.0%	0.0% #5E4A64	RGB 94 74 100	#5E4A64
16.7%	16.7% #795478	RGB 121 84 120	#795478
33.3%	33.3% #8E5E81	RGB 142 94 129	#8E5E81
50.0%	50.0% #A46584	RGB 164 101 132	#A46584
66.7%	66.7% #B96B7E	RGB 185 107 126	#B96B7E
83.3%	83.3% #CE706F	RGB 206 112 111	#CE706F
100.0%	100.0% #E48F72	RGB 228 143 114	#E48F72

#5E4A64 #795478 #8E5E81 #A46584 #B96B7E #CE706F #E48F72

#5E4A64 - #A46584 - #E48F72

CSS代码

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

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