#3C0E3A - #C7BAC6 | colorate

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

Blend #3C0E3A to #C7BAC6

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

RGB混合

#3C0E3A - #C7BAC6 | colorate

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

0.0%	0.0% #3C0E3A	RGB 60 14 58	#3C0E3A
16.7%	16.7% #532A51	RGB 83 42 81	#532A51
33.3%	33.3% #6A4768	RGB 106 71 104	#6A4768
50.0%	50.0% #816480	RGB 129 100 128	#816480
66.7%	66.7% #988097	RGB 152 128 151	#988097
83.3%	83.3% #AF9DAE	RGB 175 157 174	#AF9DAE
100.0%	100.0% #C7BAC6	RGB 199 186 198	#C7BAC6

#3C0E3A #532A51 #6A4768 #816480 #988097 #AF9DAE #C7BAC6

#3C0E3A - #C7BAC6

HSV混合

#3C0E3A - #C7BAC6 | colorate

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

0.0%	0.0% #3C0E3A	RGB 60 14 58	#3C0E3A
16.7%	16.7% #531D50	RGB 83 29 80	#531D50
33.3%	33.3% #6A3167	RGB 106 49 103	#6A3167
50.0%	50.0% #814B7E	RGB 129 75 126	#814B7E
66.7%	66.7% #986B95	RGB 152 107 149	#986B95
83.3%	83.3% #AF8FAD	RGB 175 143 173	#AF8FAD
100.0%	100.0% #C7BAC6	RGB 199 186 198	#C7BAC6

#3C0E3A #531D50 #6A3167 #814B7E #986B95 #AF8FAD #C7BAC6

#3C0E3A - #814B7E - #C7BAC6

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C0E3A 0%, #814B7E 50%, #C7BAC6 100%);
    background: -webkit-linear-gradient(top, #3C0E3A 0%, #814B7E 50%, #C7BAC6 100%);
    background: linear-gradient(to bottom, #3C0E3A 0%, #814B7E 50%, #C7BAC6 100%);
}
</style>