#2B2D4D - #031510 | colorate

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

Blend #2B2D4D to #031510

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

RGB混合

#2B2D4D - #031510 | colorate

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

0.0%	0.0% #2B2D4D	RGB 43 45 77	#2B2D4D
16.7%	16.7% #242942	RGB 36 41 66	#242942
33.3%	33.3% #1D2538	RGB 29 37 56	#1D2538
50.0%	50.0% #17212E	RGB 23 33 46	#17212E
66.7%	66.7% #101D24	RGB 16 29 36	#101D24
83.3%	83.3% #09191A	RGB 9 25 26	#09191A
100.0%	100.0% #031510	RGB 3 21 16	#031510

#2B2D4D #242942 #1D2538 #17212E #101D24 #09191A #031510

#2B2D4D - #031510

HSV混合

#2B2D4D - #031510 | colorate

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

0.0%	0.0% #2B2D4D	RGB 43 45 77	#2B2D4D
16.7%	16.7% #212A43	RGB 33 42 67	#212A43
33.3%	33.3% #18283A	RGB 24 40 58	#18283A
50.0%	50.0% #112631	RGB 17 38 49	#112631
66.7%	66.7% #0B2427	RGB 11 36 39	#0B2427
83.3%	83.3% #061E1C	RGB 6 30 28	#061E1C
100.0%	100.0% #031510	RGB 3 21 16	#031510

#2B2D4D #212A43 #18283A #112631 #0B2427 #061E1C #031510

#2B2D4D - #112631 - #031510

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B2D4D 0%, #112631 50%, #031510 100%);
    background: -webkit-linear-gradient(top, #2B2D4D 0%, #112631 50%, #031510 100%);
    background: linear-gradient(to bottom, #2B2D4D 0%, #112631 50%, #031510 100%);
}
</style>