#5E5C85 - #EEAA9C | colorate

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

Blend #5E5C85 to #EEAA9C

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

RGB混合

#5E5C85 - #EEAA9C | colorate

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

0.0%	0.0% #5E5C85	RGB 94 92 133	#5E5C85
16.7%	16.7% #766988	RGB 118 105 136	#766988
33.3%	33.3% #8E768C	RGB 142 118 140	#8E768C
50.0%	50.0% #A68390	RGB 166 131 144	#A68390
66.7%	66.7% #BE9094	RGB 190 144 148	#BE9094
83.3%	83.3% #D69D98	RGB 214 157 152	#D69D98
100.0%	100.0% #EEAA9C	RGB 238 170 156	#EEAA9C

#5E5C85 #766988 #8E768C #A68390 #BE9094 #D69D98 #EEAA9C

#5E5C85 - #EEAA9C

HSV混合

#5E5C85 - #EEAA9C | colorate

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

0.0%	0.0% #5E5C85	RGB 94 92 133	#5E5C85
16.7%	16.7% #7A6796	RGB 122 103 150	#7A6796
33.3%	33.3% #9A72A8	RGB 154 114 168	#9A72A8
50.0%	50.0% #B97CB2	RGB 185 124 178	#B97CB2
66.7%	66.7% #CB87AB	RGB 203 135 171	#CB87AB
83.3%	83.3% #DC919F	RGB 220 145 159	#DC919F
100.0%	100.0% #EEAA9C	RGB 238 170 156	#EEAA9C

#5E5C85 #7A6796 #9A72A8 #B97CB2 #CB87AB #DC919F #EEAA9C

#5E5C85 - #B97CB2 - #EEAA9C

CSS代码

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

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