#202A00 - #626B2E | colorate

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

Blend #202A00 to #626B2E

计算两种颜色#202A00和#626B2E之间的颜色。在RGB值的计算中，不同颜色之间的饱和度较低。在计算HSV值时，不同颜色之间的饱和度不低。

RGB混合

#202A00 - #626B2E | colorate

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

0.0%	0.0% #202A00	RGB 32 42 0	#202A00
16.7%	16.7% #2B3407	RGB 43 52 7	#2B3407
33.3%	33.3% #363F0F	RGB 54 63 15	#363F0F
50.0%	50.0% #414A17	RGB 65 74 23	#414A17
66.7%	66.7% #4C551E	RGB 76 85 30	#4C551E
83.3%	83.3% #576026	RGB 87 96 38	#576026
100.0%	100.0% #626B2E	RGB 98 107 46	#626B2E

#202A00 #2B3407 #363F0F #414A17 #4C551E #576026 #626B2E

#202A00 - #626B2E

HSV混合

#202A00 - #626B2E | colorate

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

0.0%	0.0% #202A00	RGB 32 42 0	#202A00
16.7%	16.7% #293403	RGB 41 52 3	#293403
33.3%	33.3% #343F09	RGB 52 63 9	#343F09
50.0%	50.0% #3F4A10	RGB 63 74 16	#3F4A10
66.7%	66.7% #4A5518	RGB 74 85 24	#4A5518
83.3%	83.3% #566022	RGB 86 96 34	#566022
100.0%	100.0% #626B2E	RGB 98 107 46	#626B2E

#202A00 #293403 #343F09 #3F4A10 #4A5518 #566022 #626B2E

#202A00 - #3F4A10 - #626B2E

CSS代码

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #202A00 0%, #3F4A10 50%, #626B2E 100%);
    background: -webkit-linear-gradient(top, #202A00 0%, #3F4A10 50%, #626B2E 100%);
    background: linear-gradient(to bottom, #202A00 0%, #3F4A10 50%, #626B2E 100%);
}
</style>