#3C0E2D - #8D4558 | colorate

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

Blend #3C0E2D to #8D4558

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

RGB混合

#3C0E2D - #8D4558 | colorate

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

0.0%	0.0% #3C0E2D	RGB 60 14 45	#3C0E2D
16.7%	16.7% #491734	RGB 73 23 52	#491734
33.3%	33.3% #57203B	RGB 87 32 59	#57203B
50.0%	50.0% #642942	RGB 100 41 66	#642942
66.7%	66.7% #723249	RGB 114 50 73	#723249
83.3%	83.3% #7F3B50	RGB 127 59 80	#7F3B50
100.0%	100.0% #8D4558	RGB 141 69 88	#8D4558

#3C0E2D #491734 #57203B #642942 #723249 #7F3B50 #8D4558

#3C0E2D - #8D4558

HSV混合

#3C0E2D - #8D4558 | colorate

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

0.0%	0.0% #3C0E2C	RGB 60 14 44	#3C0E2C
16.7%	16.7% #491434	RGB 73 20 52	#491434
33.3%	33.3% #571B3B	RGB 87 27 59	#571B3B
50.0%	50.0% #642442	RGB 100 36 66	#642442
66.7%	66.7% #722E49	RGB 114 46 73	#722E49
83.3%	83.3% #7F3850	RGB 127 56 80	#7F3850
100.0%	100.0% #8D4558	RGB 141 69 88	#8D4558

#3C0E2C #491434 #571B3B #642442 #722E49 #7F3850 #8D4558

#3C0E2D - #642442 - #8D4558

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C0E2C 0%, #642442 50%, #8D4558 100%);
    background: -webkit-linear-gradient(top, #3C0E2C 0%, #642442 50%, #8D4558 100%);
    background: linear-gradient(to bottom, #3C0E2C 0%, #642442 50%, #8D4558 100%);
}
</style>