#20152C - #854C4C | colorate

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

Blend #20152C to #854C4C

#20152C #854C4C

计算两种颜色#20152C和#854C4C之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#20152C - #854C4C | colorate

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

0.0%	0.0% #20152C	RGB 32 21 44	#20152C
16.7%	16.7% #301E31	RGB 48 30 49	#301E31
33.3%	33.3% #412736	RGB 65 39 54	#412736
50.0%	50.0% #52303C	RGB 82 48 60	#52303C
66.7%	66.7% #633941	RGB 99 57 65	#633941
83.3%	83.3% #744246	RGB 116 66 70	#744246
100.0%	100.0% #854C4C	RGB 133 76 76	#854C4C

#20152C #301E31 #412736 #52303C #633941 #744246 #854C4C

#20152C - #854C4C

HSV混合

#20152C - #854C4C | colorate

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

0.0%	0.0% #20152C	RGB 32 21 44	#20152C
16.7%	16.7% #321D3A	RGB 50 29 58	#321D3A
33.3%	33.3% #492549	RGB 73 37 73	#492549
50.0%	50.0% #582E4E	RGB 88 46 78	#582E4E
66.7%	66.7% #67374F	RGB 103 55 79	#67374F
83.3%	83.3% #76414E	RGB 118 65 78	#76414E
100.0%	100.0% #854C4C	RGB 133 76 76	#854C4C

#20152C #321D3A #492549 #582E4E #67374F #76414E #854C4C

#20152C - #582E4E - #854C4C

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20152C 0%, #582E4E 50%, #854C4C 100%);
    background: -webkit-linear-gradient(top, #20152C 0%, #582E4E 50%, #854C4C 100%);
    background: linear-gradient(to bottom, #20152C 0%, #582E4E 50%, #854C4C 100%);
}
</style>