#4D143C - #2D020A | colorate

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

Blend #4D143C to #2D020A

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

RGB混合

#4D143C - #2D020A | colorate

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

0.0%	0.0% #4D143C	RGB 77 20 60	#4D143C
16.7%	16.7% #471133	RGB 71 17 51	#471133
33.3%	33.3% #420E2B	RGB 66 14 43	#420E2B
50.0%	50.0% #3D0B23	RGB 61 11 35	#3D0B23
66.7%	66.7% #37071A	RGB 55 7 26	#37071A
83.3%	83.3% #320512	RGB 50 5 18	#320512
100.0%	100.0% #2D020A	RGB 45 2 10	#2D020A

#4D143C #471133 #420E2B #3D0B23 #37071A #320512 #2D020A

#4D143C - #2D020A

HSV混合

#4D143C - #2D020A | colorate

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

0.0%	0.0% #4D133C	RGB 77 19 60	#4D133C
16.7%	16.7% #471032	RGB 71 16 50	#471032
33.3%	33.3% #420C29	RGB 66 12 41	#420C29
50.0%	50.0% #3D0920	RGB 61 9 32	#3D0920
66.7%	66.7% #370618	RGB 55 6 24	#370618
83.3%	83.3% #320410	RGB 50 4 16	#320410
100.0%	100.0% #2D020A	RGB 45 2 10	#2D020A

#4D133C #471032 #420C29 #3D0920 #370618 #320410 #2D020A

#4D143C - #3D0920 - #2D020A

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D133C 0%, #3D0920 50%, #2D020A 100%);
    background: -webkit-linear-gradient(top, #4D133C 0%, #3D0920 50%, #2D020A 100%);
    background: linear-gradient(to bottom, #4D133C 0%, #3D0920 50%, #2D020A 100%);
}
</style>