#5E516C - #EA997E | colorate

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

Blend #5E516C to #EA997E

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

RGB混合

#5E516C - #EA997E | colorate

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

0.0%	0.0% #5E516C	RGB 94 81 108	#5E516C
16.7%	16.7% #755D6F	RGB 117 93 111	#755D6F
33.3%	33.3% #8C6972	RGB 140 105 114	#8C6972
50.0%	50.0% #A47575	RGB 164 117 117	#A47575
66.7%	66.7% #BB8178	RGB 187 129 120	#BB8178
83.3%	83.3% #D28D7B	RGB 210 141 123	#D28D7B
100.0%	100.0% #EA997E	RGB 234 153 126	#EA997E

#5E516C #755D6F #8C6972 #A47575 #BB8178 #D28D7B #EA997E

#5E516C - #EA997E

HSV混合

#5E516C - #EA997E | colorate

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

0.0%	0.0% #5E516C	RGB 94 81 108	#5E516C
16.7%	16.7% #785C81	RGB 120 92 129	#785C81
33.3%	33.3% #966592	RGB 150 101 146	#966592
50.0%	50.0% #AB6E94	RGB 171 110 148	#AB6E94
66.7%	66.7% #C0748E	RGB 192 116 142	#C0748E
83.3%	83.3% #D57A7E	RGB 213 122 126	#D57A7E
100.0%	100.0% #EA997E	RGB 234 153 126	#EA997E

#5E516C #785C81 #966592 #AB6E94 #C0748E #D57A7E #EA997E

#5E516C - #AB6E94 - #EA997E

CSS代码

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

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