#C7B5E4 - #383341 | colorate

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

Blend #C7B5E4 to #383341

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

RGB混合

#C7B5E4 - #383341 | colorate

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

0.0%	0.0% #C7B5E4	RGB 199 181 228	#C7B5E4
16.7%	16.7% #AF9FC8	RGB 175 159 200	#AF9FC8
33.3%	33.3% #9789AD	RGB 151 137 173	#9789AD
50.0%	50.0% #7F7492	RGB 127 116 146	#7F7492
66.7%	66.7% #675E77	RGB 103 94 119	#675E77
83.3%	83.3% #4F485C	RGB 79 72 92	#4F485C
100.0%	100.0% #383341	RGB 56 51 65	#383341

#C7B5E4 #AF9FC8 #9789AD #7F7492 #675E77 #4F485C #383341

#C7B5E4 - #383341

HSV混合

#C7B5E4 - #383341 | colorate

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

0.0%	0.0% #C7B5E4	RGB 199 181 228	#C7B5E4
16.7%	16.7% #AE9FC8	RGB 174 159 200	#AE9FC8
33.3%	33.3% #9689AD	RGB 150 137 173	#9689AD
50.0%	50.0% #7F7392	RGB 127 115 146	#7F7392
66.7%	66.7% #675D77	RGB 103 93 119	#675D77
83.3%	83.3% #4F485C	RGB 79 72 92	#4F485C
100.0%	100.0% #383341	RGB 56 51 65	#383341

#C7B5E4 #AE9FC8 #9689AD #7F7392 #675D77 #4F485C #383341

#C7B5E4 - #7F7392 - #383341

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7B5E4 0%, #7F7392 50%, #383341 100%);
    background: -webkit-linear-gradient(top, #C7B5E4 0%, #7F7392 50%, #383341 100%);
    background: linear-gradient(to bottom, #C7B5E4 0%, #7F7392 50%, #383341 100%);
}
</style>