#E4DEF6 - #9F87C0 | colorate

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

Blend #E4DEF6 to #9F87C0

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

RGB混合

#E4DEF6 - #9F87C0 | colorate

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

0.0%	0.0% #E4DEF6	RGB 228 222 246	#E4DEF6
16.7%	16.7% #D8CFED	RGB 216 207 237	#D8CFED
33.3%	33.3% #CDC1E4	RGB 205 193 228	#CDC1E4
50.0%	50.0% #C1B2DB	RGB 193 178 219	#C1B2DB
66.7%	66.7% #B6A4D2	RGB 182 164 210	#B6A4D2
83.3%	83.3% #AA95C9	RGB 170 149 201	#AA95C9
100.0%	100.0% #9F87C0	RGB 159 135 192	#9F87C0

#E4DEF6 #D8CFED #CDC1E4 #C1B2DB #B6A4D2 #AA95C9 #9F87C0

#E4DEF6 - #9F87C0

HSV混合

#E4DEF6 - #9F87C0 | colorate

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

0.0%	0.0% #E4DEF6	RGB 228 222 246	#E4DEF6
16.7%	16.7% #D6CEED	RGB 214 206 237	#D6CEED
33.3%	33.3% #CABEE4	RGB 202 190 228	#CABEE4
50.0%	50.0% #BEAFDB	RGB 190 175 219	#BEAFDB
66.7%	66.7% #B3A1D2	RGB 179 161 210	#B3A1D2
83.3%	83.3% #A894C9	RGB 168 148 201	#A894C9
100.0%	100.0% #9F87C0	RGB 159 135 192	#9F87C0

#E4DEF6 #D6CEED #CABEE4 #BEAFDB #B3A1D2 #A894C9 #9F87C0

#E4DEF6 - #BEAFDB - #9F87C0

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E4DEF6 0%, #BEAFDB 50%, #9F87C0 100%);
    background: -webkit-linear-gradient(top, #E4DEF6 0%, #BEAFDB 50%, #9F87C0 100%);
    background: linear-gradient(to bottom, #E4DEF6 0%, #BEAFDB 50%, #9F87C0 100%);
}
</style>