#E285E6 - #8111A8 | colorate

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

Blend #E285E6 to #8111A8

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

RGB混合

#E285E6 - #8111A8 | colorate

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

0.0%	0.0% #E285E6	RGB 226 133 230	#E285E6
16.7%	16.7% #D171DB	RGB 209 113 219	#D171DB
33.3%	33.3% #C15ED1	RGB 193 94 209	#C15ED1
50.0%	50.0% #B14BC7	RGB 177 75 199	#B14BC7
66.7%	66.7% #A137BC	RGB 161 55 188	#A137BC
83.3%	83.3% #9124B2	RGB 145 36 178	#9124B2
100.0%	100.0% #8111A8	RGB 129 17 168	#8111A8

#E285E6 #D171DB #C15ED1 #B14BC7 #A137BC #9124B2 #8111A8

#E285E6 - #8111A8

HSV混合

#E285E6 - #8111A8 | colorate

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

0.0%	0.0% #E285E6	RGB 226 133 230	#E285E6
16.7%	16.7% #D36DDB	RGB 211 109 219	#D36DDB
33.3%	33.3% #C357D1	RGB 195 87 209	#C357D1
50.0%	50.0% #B343C7	RGB 179 67 199	#B343C7
66.7%	66.7% #A231BC	RGB 162 49 188	#A231BC
83.3%	83.3% #9120B2	RGB 145 32 178	#9120B2
100.0%	100.0% #8111A8	RGB 129 17 168	#8111A8

#E285E6 #D36DDB #C357D1 #B343C7 #A231BC #9120B2 #8111A8

#E285E6 - #B343C7 - #8111A8

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E285E6 0%, #B343C7 50%, #8111A8 100%);
    background: -webkit-linear-gradient(top, #E285E6 0%, #B343C7 50%, #8111A8 100%);
    background: linear-gradient(to bottom, #E285E6 0%, #B343C7 50%, #8111A8 100%);
}
</style>