#867CCC - #DBD9F0 | colorate

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

Blend #867CCC to #DBD9F0

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

RGB混合

#867CCC - #DBD9F0 | colorate

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

0.0%	0.0% #867CCC	RGB 134 124 204	#867CCC
16.7%	16.7% #948BD2	RGB 148 139 210	#948BD2
33.3%	33.3% #A29BD8	RGB 162 155 216	#A29BD8
50.0%	50.0% #B0AADE	RGB 176 170 222	#B0AADE
66.7%	66.7% #BEBAE4	RGB 190 186 228	#BEBAE4
83.3%	83.3% #CCC9EA	RGB 204 201 234	#CCC9EA
100.0%	100.0% #DBD9F0	RGB 219 217 240	#DBD9F0

#867CCC #948BD2 #A29BD8 #B0AADE #BEBAE4 #CCC9EA #DBD9F0

#867CCC - #DBD9F0

HSV混合

#867CCC - #DBD9F0 | colorate

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

0.0%	0.0% #867CCC	RGB 134 124 204	#867CCC
16.7%	16.7% #928AD2	RGB 146 138 210	#928AD2
33.3%	33.3% #9F98D8	RGB 159 152 216	#9F98D8
50.0%	50.0% #ADA7DE	RGB 173 167 222	#ADA7DE
66.7%	66.7% #BCB7E4	RGB 188 183 228	#BCB7E4
83.3%	83.3% #CBC8EA	RGB 203 200 234	#CBC8EA
100.0%	100.0% #DBD9F0	RGB 219 217 240	#DBD9F0

#867CCC #928AD2 #9F98D8 #ADA7DE #BCB7E4 #CBC8EA #DBD9F0

#867CCC - #ADA7DE - #DBD9F0

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #867CCC 0%, #ADA7DE 50%, #DBD9F0 100%);
    background: -webkit-linear-gradient(top, #867CCC 0%, #ADA7DE 50%, #DBD9F0 100%);
    background: linear-gradient(to bottom, #867CCC 0%, #ADA7DE 50%, #DBD9F0 100%);
}
</style>