#5E1D1D - #AD739E | colorate

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

Blend #5E1D1D to #AD739E

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

RGB混合

#5E1D1D - #AD739E | colorate

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

0.0%	0.0% #5E1D1D	RGB 94 29 29	#5E1D1D
16.7%	16.7% #6B2B32	RGB 107 43 50	#6B2B32
33.3%	33.3% #783948	RGB 120 57 72	#783948
50.0%	50.0% #85485D	RGB 133 72 93	#85485D
66.7%	66.7% #925673	RGB 146 86 115	#925673
83.3%	83.3% #9F6488	RGB 159 100 136	#9F6488
100.0%	100.0% #AD739E	RGB 173 115 158	#AD739E

#5E1D1D #6B2B32 #783948 #85485D #925673 #9F6488 #AD739E

#5E1D1D - #AD739E

HSV混合

#5E1D1D - #AD739E | colorate

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

0.0%	0.0% #5E1D1D	RGB 94 29 29	#5E1D1D
16.7%	16.7% #6B272F	RGB 107 39 47	#6B272F
33.3%	33.3% #783344	RGB 120 51 68	#783344
50.0%	50.0% #85405A	RGB 133 64 90	#85405A
66.7%	66.7% #925070	RGB 146 80 112	#925070
83.3%	83.3% #9F6087	RGB 159 96 135	#9F6087
100.0%	100.0% #AD739E	RGB 173 115 158	#AD739E

#5E1D1D #6B272F #783344 #85405A #925070 #9F6087 #AD739E

#5E1D1D - #85405A - #AD739E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E1D1D 0%, #85405A 50%, #AD739E 100%);
    background: -webkit-linear-gradient(top, #5E1D1D 0%, #85405A 50%, #AD739E 100%);
    background: linear-gradient(to bottom, #5E1D1D 0%, #85405A 50%, #AD739E 100%);
}
</style>