#2B0514 - #6E3553 | colorate

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

Blend #2B0514 to #6E3553

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

RGB混合

#2B0514 - #6E3553 | colorate

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

0.0%	0.0% #2B0514	RGB 43 5 20	#2B0514
16.7%	16.7% #360D1E	RGB 54 13 30	#360D1E
33.3%	33.3% #411529	RGB 65 21 41	#411529
50.0%	50.0% #4C1D33	RGB 76 29 51	#4C1D33
66.7%	66.7% #57253E	RGB 87 37 62	#57253E
83.3%	83.3% #622D48	RGB 98 45 72	#622D48
100.0%	100.0% #6E3553	RGB 110 53 83	#6E3553

#2B0514 #360D1E #411529 #4C1D33 #57253E #622D48 #6E3553

#2B0514 - #6E3553

HSV混合

#2B0514 - #6E3553 | colorate

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

0.0%	0.0% #2B0513	RGB 43 5 19	#2B0513
16.7%	16.7% #36091C	RGB 54 9 28	#36091C
33.3%	33.3% #410F25	RGB 65 15 37	#410F25
50.0%	50.0% #4C162F	RGB 76 22 47	#4C162F
66.7%	66.7% #571F3A	RGB 87 31 58	#571F3A
83.3%	83.3% #622946	RGB 98 41 70	#622946
100.0%	100.0% #6E3553	RGB 110 53 83	#6E3553

#2B0513 #36091C #410F25 #4C162F #571F3A #622946 #6E3553

#2B0514 - #4C162F - #6E3553

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B0513 0%, #4C162F 50%, #6E3553 100%);
    background: -webkit-linear-gradient(top, #2B0513 0%, #4C162F 50%, #6E3553 100%);
    background: linear-gradient(to bottom, #2B0513 0%, #4C162F 50%, #6E3553 100%);
}
</style>