#950B5E - #3F001B | colorate

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

Blend #950B5E to #3F001B

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

RGB混合

#950B5E - #3F001B | colorate

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

0.0%	0.0% #950B5E	RGB 149 11 94	#950B5E
16.7%	16.7% #860952	RGB 134 9 82	#860952
33.3%	33.3% #780747	RGB 120 7 71	#780747
50.0%	50.0% #6A053C	RGB 106 5 60	#6A053C
66.7%	66.7% #5B0331	RGB 91 3 49	#5B0331
83.3%	83.3% #4D0126	RGB 77 1 38	#4D0126
100.0%	100.0% #3F001B	RGB 63 0 27	#3F001B

#950B5E #860952 #780747 #6A053C #5B0331 #4D0126 #3F001B

#950B5E - #3F001B

HSV混合

#950B5E - #3F001B | colorate

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

0.0%	0.0% #950A5E	RGB 149 10 94	#950A5E
16.7%	16.7% #860850	RGB 134 8 80	#860850
33.3%	33.3% #780544	RGB 120 5 68	#780544
50.0%	50.0% #6A0338	RGB 106 3 56	#6A0338
66.7%	66.7% #5B022D	RGB 91 2 45	#5B022D
83.3%	83.3% #4D0023	RGB 77 0 35	#4D0023
100.0%	100.0% #3F001B	RGB 63 0 27	#3F001B

#950A5E #860850 #780544 #6A0338 #5B022D #4D0023 #3F001B

#950B5E - #6A0338 - #3F001B

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #950A5E 0%, #6A0338 50%, #3F001B 100%);
    background: -webkit-linear-gradient(top, #950A5E 0%, #6A0338 50%, #3F001B 100%);
    background: linear-gradient(to bottom, #950A5E 0%, #6A0338 50%, #3F001B 100%);
}
</style>