#5E3E4A - #1F190D | colorate

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

Blend #5E3E4A to #1F190D

计算两种颜色#5E3E4A和#1F190D之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#5E3E4A - #1F190D | colorate

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

0.0%	0.0% #5E3E4A	RGB 94 62 74	#5E3E4A
16.7%	16.7% #53373F	RGB 83 55 63	#53373F
33.3%	33.3% #493135	RGB 73 49 53	#493135
50.0%	50.0% #3E2B2B	RGB 62 43 43	#3E2B2B
66.7%	66.7% #342521	RGB 52 37 33	#342521
83.3%	83.3% #291F17	RGB 41 31 23	#291F17
100.0%	100.0% #1F190D	RGB 31 25 13	#1F190D

#5E3E4A #53373F #493135 #3E2B2B #342521 #291F17 #1F190D

#5E3E4A - #1F190D

HSV混合

#5E3E4A - #1F190D | colorate

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

0.0%	0.0% #5E3E4A	RGB 94 62 74	#5E3E4A
16.7%	16.7% #53333A	RGB 83 51 58	#53333A
33.3%	33.3% #492A2B	RGB 73 42 43	#492A2B
50.0%	50.0% #3E2521	RGB 62 37 33	#3E2521
66.7%	66.7% #342219	RGB 52 34 25	#342219
83.3%	83.3% #291E13	RGB 41 30 19	#291E13
100.0%	100.0% #1F190D	RGB 31 25 13	#1F190D

#5E3E4A #53333A #492A2B #3E2521 #342219 #291E13 #1F190D

#5E3E4A - #3E2521 - #1F190D

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E4A 0%, #3E2521 50%, #1F190D 100%);
    background: -webkit-linear-gradient(top, #5E3E4A 0%, #3E2521 50%, #1F190D 100%);
    background: linear-gradient(to bottom, #5E3E4A 0%, #3E2521 50%, #1F190D 100%);
}
</style>