#C7ADE1 - #383140 | colorate

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

Blend #C7ADE1 to #383140

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

RGB混合

#C7ADE1 - #383140 | colorate

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

0.0%	0.0% #C7ADE1	RGB 199 173 225	#C7ADE1
16.7%	16.7% #AF98C6	RGB 175 152 198	#AF98C6
33.3%	33.3% #9783AB	RGB 151 131 171	#9783AB
50.0%	50.0% #7F6F90	RGB 127 111 144	#7F6F90
66.7%	66.7% #675A75	RGB 103 90 117	#675A75
83.3%	83.3% #4F455A	RGB 79 69 90	#4F455A
100.0%	100.0% #383140	RGB 56 49 64	#383140

#C7ADE1 #AF98C6 #9783AB #7F6F90 #675A75 #4F455A #383140

#C7ADE1 - #383140

HSV混合

#C7ADE1 - #383140 | colorate

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

0.0%	0.0% #C7ADE1	RGB 199 173 225	#C7ADE1
16.7%	16.7% #AE98C6	RGB 174 152 198	#AE98C6
33.3%	33.3% #9683AB	RGB 150 131 171	#9683AB
50.0%	50.0% #7F6E90	RGB 127 110 144	#7F6E90
66.7%	66.7% #675A75	RGB 103 90 117	#675A75
83.3%	83.3% #4F455A	RGB 79 69 90	#4F455A
100.0%	100.0% #383140	RGB 56 49 64	#383140

#C7ADE1 #AE98C6 #9683AB #7F6E90 #675A75 #4F455A #383140

#C7ADE1 - #7F6E90 - #383140

CSS代码

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

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