#390B0B - #100303 | colorate

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

Blend #390B0B to #100303

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

RGB混合

#390B0B - #100303 | colorate

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

0.0%	0.0% #390B0B	RGB 57 11 11	#390B0B
16.7%	16.7% #320909	RGB 50 9 9	#320909
33.3%	33.3% #2B0808	RGB 43 8 8	#2B0808
50.0%	50.0% #240707	RGB 36 7 7	#240707
66.7%	66.7% #1D0505	RGB 29 5 5	#1D0505
83.3%	83.3% #160404	RGB 22 4 4	#160404
100.0%	100.0% #100303	RGB 16 3 3	#100303

#390B0B #320909 #2B0808 #240707 #1D0505 #160404 #100303

#390B0B - #100303

HSV混合

#390B0B - #100303 | colorate

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

0.0%	0.0% #390A0A	RGB 57 10 10	#390A0A
16.7%	16.7% #320909	RGB 50 9 9	#320909
33.3%	33.3% #2B0808	RGB 43 8 8	#2B0808
50.0%	50.0% #240606	RGB 36 6 6	#240606
66.7%	66.7% #1D0505	RGB 29 5 5	#1D0505
83.3%	83.3% #160404	RGB 22 4 4	#160404
100.0%	100.0% #100303	RGB 16 3 3	#100303

#390A0A #320909 #2B0808 #240606 #1D0505 #160404 #100303

#390B0B - #240606 - #100303

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #390A0A 0%, #240606 50%, #100303 100%);
    background: -webkit-linear-gradient(top, #390A0A 0%, #240606 50%, #100303 100%);
    background: linear-gradient(to bottom, #390A0A 0%, #240606 50%, #100303 100%);
}
</style>